/**
 * i18n FOUC (Flash of Untranslated Content) Fix
 * 防止頁面載入時語言閃爍
 */

/* 當 i18n 正在載入時，隱藏帶有 data-i18n 屬性的元素 */
.i18n-loading [data-i18n] {
  visibility: hidden;
}

/* 保持某些元素可見（如 loading 指示器） */
.i18n-loading .i18n-ready {
  visibility: visible;
}

/* 確保頁面結構不會因為隱藏元素而跳動 */
.i18n-loading [data-i18n] {
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}

/* i18n 載入完成後的過渡效果 */
html:not(.i18n-loading) [data-i18n] {
  opacity: 1;
}