/* 國際化載入樣式 */

/* 在國際化系統載入前隱藏需要翻譯的元素 */
body:not(.i18n-loaded) [data-i18n] {
  visibility: hidden;
}

/* 在國際化系統載入前隱藏需要翻譯 placeholder 的元素 */
body:not(.i18n-loaded) [data-i18n-placeholder] {
  opacity: 0.5;
}

/* 在國際化系統載入前隱藏需要翻譯 title 的元素工具提示 */
body:not(.i18n-loaded) [data-i18n-title] {
  pointer-events: none;
}

/* 在國際化系統載入前隱藏需要翻譯 alt 的圖片 */
body:not(.i18n-loaded) [data-i18n-alt] {
  opacity: 0.7;
}

/* 國際化系統載入完成後顯示所有元素 */
body.i18n-loaded [data-i18n] {
  visibility: visible;
}

body.i18n-loaded [data-i18n-placeholder] {
  opacity: 1;
}

body.i18n-loaded [data-i18n-title] {
  pointer-events: auto;
}

body.i18n-loaded [data-i18n-alt] {
  opacity: 1;
}

/* 載入過渡動畫 */
[data-i18n],
[data-i18n-placeholder],
[data-i18n-title],
[data-i18n-alt] {
  transition:
    visibility 0.2s ease,
    opacity 0.2s ease,
    pointer-events 0.2s ease;
}

/* 🌐 強制國際化元素使用統一字體 */
[data-i18n],
[data-i18n-placeholder],
[data-i18n-title],
[data-i18n-alt] {
  font-family:
    "Orbitron", "Rajdhani", "Microsoft JhengHei", "Arial", sans-serif !important;
}

/* 確保所有動態文字內容都使用正確字體 */
body.i18n-loaded [data-i18n] * {
  font-family: inherit !important;
}