/* GX2-P16: shared script, RTL, and language-menu behavior.
   The existing visual direction stays intact; this file only makes that design
   work across Monea's full 24-locale set. */

.nav-links {
  margin-left: 0;
  margin-inline-start: auto;
}

.language-menu {
  right: auto;
  inset-inline-end: 0;
  transform-origin: top right;
}

.faq-question {
  text-align: start;
}

.language-option__name {
  text-align: start;
}

.card-balance-amount,
.hero-counter-value,
.proof-stat-value,
bdi[dir="ltr"] {
  direction: ltr;
  unicode-bidi: isolate;
}

:lang(ar) {
  --font-body: "Geeza Pro", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --font-display: "Al Bayan", "Geeza Pro", "Noto Serif Arabic", serif;
}

:lang(he) {
  --font-body: "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif;
  --font-display: "New Peninim MT", "Arial Hebrew", "Noto Serif Hebrew", serif;
}

:lang(ur) {
  --font-body: "Noto Nastaliq Urdu", "Noto Sans Arabic", "Geeza Pro", serif;
  --font-display: "Noto Nastaliq Urdu", "Geeza Pro", serif;
}

:lang(th) {
  --font-body: Thonburi, "Noto Sans Thai", Tahoma, sans-serif;
  --font-display: Thonburi, "Noto Serif Thai", serif;
}

:lang(bn) {
  --font-body: "Kohinoor Bangla", "Noto Sans Bengali", sans-serif;
  --font-display: "Kohinoor Bangla", "Noto Serif Bengali", serif;
}

:lang(ta) {
  --font-body: "Tamil Sangam MN", "Noto Sans Tamil", sans-serif;
  --font-display: "Tamil Sangam MN", "Noto Serif Tamil", serif;
}

:lang(vi) body {
  line-height: 1.65;
}

:lang(th) body,
:lang(bn) body,
:lang(ta) body {
  line-height: 1.72;
}

:lang(ur) body {
  line-height: 1.95;
}

html[dir="rtl"] body {
  text-align: right;
}

html[dir="rtl"] .feature-row.reversed {
  direction: ltr;
}

html[dir="rtl"] .feature-row.reversed > * {
  direction: rtl;
}

html[dir="rtl"] .language-picker .language-menu {
  right: auto;
  left: 0;
  inset-inline-end: 0;
  transform-origin: top left;
}

html[dir="rtl"] .language-option {
  grid-template-columns: 18px minmax(0, 1fr) 34px;
}

html[dir="rtl"] .language-option__check {
  grid-column: 1;
  grid-row: 1;
}

html[dir="rtl"] .language-option__name {
  grid-column: 2;
  grid-row: 1;
}

html[dir="rtl"] .language-option__code {
  grid-column: 3;
  grid-row: 1;
  text-align: end;
}

html[dir="rtl"] .faq-icon,
html[dir="rtl"] .language-picker__chevron {
  direction: ltr;
}

@media (max-width: 768px) {
  .language-menu,
  html[dir="rtl"] .language-menu {
    transform-origin: bottom center;
  }
}