/* i18n-shared.css — Shared typography rules for all neximedia.ai pages */

/* === NON-LATIN FONT STACKS === */
html[lang="ar"] body, html[lang="fa"] body, html[lang="ur"] body {
  font-family: 'Noto Sans Arabic', 'DM Sans', -apple-system, sans-serif;
}
html[lang="hi"] body {
  font-family: 'Noto Sans Devanagari', 'DM Sans', -apple-system, sans-serif;
}
html[lang="bn"] body {
  font-family: 'Noto Sans Bengali', 'DM Sans', -apple-system, sans-serif;
}
html[lang="th"] body {
  font-family: 'Noto Sans Thai', 'DM Sans', -apple-system, sans-serif;
}
html[lang="el"] body {
  font-family: 'Noto Sans Greek', 'DM Sans', -apple-system, sans-serif;
}
html[lang="ru"] body, html[lang="uk"] body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
html[lang="zh"] body, html[lang="yue"] body {
  font-family: 'Noto Sans SC', -apple-system, 'PingFang SC', 'Microsoft YaHei', 'DM Sans', sans-serif;
}
html[lang="ja"] body {
  font-family: 'Noto Sans JP', -apple-system, 'Hiragino Sans', 'DM Sans', sans-serif;
}
html[lang="ko"] body {
  font-family: 'Noto Sans KR', -apple-system, 'DM Sans', sans-serif;
}

/* === CJK LINE-HEIGHT === */
html[lang="zh"] body, html[lang="ja"] body,
html[lang="ko"] body, html[lang="yue"] body {
  line-height: 1.85;
}

/* === NON-LATIN ITALIC FIX === */
html:is([lang="ar"],[lang="fa"],[lang="ur"],[lang="zh"],[lang="ja"],[lang="ko"],[lang="yue"],[lang="hi"],[lang="bn"],[lang="th"],[lang="el"],[lang="ru"],[lang="uk"]) em,
html:is([lang="ar"],[lang="fa"],[lang="ur"],[lang="zh"],[lang="ja"],[lang="ko"],[lang="yue"],[lang="hi"],[lang="bn"],[lang="th"],[lang="el"],[lang="ru"],[lang="uk"]) i,
html:is([lang="ar"],[lang="fa"],[lang="ur"],[lang="zh"],[lang="ja"],[lang="ko"],[lang="yue"],[lang="hi"],[lang="bn"],[lang="th"],[lang="el"],[lang="ru"],[lang="uk"]) .font-serif {
  font-style: normal;
}

/* === LONG-WORD OVERFLOW FIX === */
html:is([lang="de"],[lang="fi"],[lang="tr"],[lang="pl"],[lang="sv"],[lang="nl"],[lang="no"],[lang="uk"]) p,
html:is([lang="de"],[lang="fi"],[lang="tr"],[lang="pl"],[lang="sv"],[lang="nl"],[lang="no"],[lang="uk"]) li,
html:is([lang="de"],[lang="fi"],[lang="tr"],[lang="pl"],[lang="sv"],[lang="nl"],[lang="no"],[lang="uk"]) td,
html:is([lang="de"],[lang="fi"],[lang="tr"],[lang="pl"],[lang="sv"],[lang="nl"],[lang="no"],[lang="uk"]) textarea {
  overflow-wrap: break-word;
  hyphens: auto;
}

/* === RTL LAYOUT === */
[dir="rtl"] { direction: rtl; text-align: right; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] .hero, [dir="rtl"] .section-title { text-align: center; }
[dir="rtl"] nav { direction: rtl; }
[dir="rtl"] .nav-links { flex-direction: row-reverse; }
[dir="rtl"] ul { padding-right: 1.2em; padding-left: 0; }
[dir="rtl"] .cta-arrow, [dir="rtl"] .arrow { transform: scaleX(-1); }

/* === LANGUAGE SELECTOR === */
.lang-switcher {
  position: relative; display: inline-block; margin-left: 0.5rem;
}
.lang-btn {
  background: none; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px;
  padding: 6px 10px; cursor: pointer; font-size: 1.1rem; color: inherit;
  transition: border-color 0.2s; min-height: 44px; display: inline-flex; align-items: center;
}
.lang-btn:hover { border-color: rgba(255,255,255,0.25); }
.lang-dropdown {
  display: none; position: absolute; right: 0; top: 110%; min-width: 180px;
  max-height: 420px; overflow-y: auto; background: #111; border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px; z-index: 9999; box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}
.lang-dropdown.open { display: block; }
.lang-option {
  display: flex; align-items: center; gap: 8px; padding: 12px 14px; min-height: 44px;
  font-size: 0.75rem; color: #999; cursor: pointer; transition: color 0.15s, background-color 0.15s;
}
.lang-option:hover { color: #ece8e1; background: rgba(255,255,255,0.04); }
.lang-option.active { color: #c9a96e; }
.lang-code {
  font-weight: 700; font-size: 0.6rem; letter-spacing: 0.2em;
  min-width: 28px; text-transform: uppercase; color: #666;
}
.lang-option.active .lang-code { color: #c9a96e; }

/* Mobile lang bar */
@media (max-width: 768px) {
  .lang-switcher { display: none; }
  .mobile-lang-bar {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 0.75rem 0;
    max-height: 280px; overflow-y: auto; border-top: 1px solid rgba(255,255,255,0.08);
  }
  .mobile-lang-chip {
    font-size: 0.65rem; font-weight: 700; letter-spacing: 0.12em;
    text-transform: uppercase; padding: 8px 10px; border: 1px solid rgba(255,255,255,0.08);
    border-radius: 4px; background: none; color: #666; cursor: pointer; transition: color 0.15s, border-color 0.15s;
    min-height: 44px; display: inline-flex; align-items: center;
  }
  .mobile-lang-chip:hover { color: #ece8e1; border-color: rgba(255,255,255,0.15); }
  .mobile-lang-chip.active { color: #c9a96e; border-color: rgba(201,169,110,0.3); }
}
@media (min-width: 769px) {
  .mobile-lang-bar { display: none !important; }
}