/* LANG-01: English | اردو switch and right-to-left (Urdu) typography.
   Layout mirroring comes from logical properties (inline-start/end) in pms.css and ux.css;
   this file only adds the switch itself and script-specific type rules. */

:root {
  /* Interface Urdu: a legible Naskh-style stack with system fallbacks (no web fonts). */
  --u-font-ur-ui: "Noto Naskh Arabic", "Segoe UI", "Tahoma", "Geeza Pro", "Noto Sans Arabic", system-ui, sans-serif;
}

/* ---- Language switch ------------------------------------------------------------- */
.lang-switch { display: inline-flex; align-items: center; gap: 2px; margin: 0; padding: 2px; border: 1px solid var(--u-line, var(--u-line-violet)); border-radius: 999px; background: var(--u-card); font-size: 13px; line-height: 1; white-space: nowrap; }
.lang-switch button { min-height: 28px; padding: 5px 11px; border: 0; border-radius: 999px; background: transparent; color: var(--u-ink-2, #44425a); font: 600 13px/1 var(--u-font, system-ui, sans-serif); cursor: pointer; }
.lang-switch button[lang="ur"] { font-family: var(--u-font-ur-ui); font-size: 15px; font-weight: 600; }
.lang-switch button:hover { background: var(--u-surface-3); }
.lang-switch button:focus-visible { outline: 2px solid var(--u-navy, #11115f); outline-offset: 1px; }
.lang-switch button.is-on { background: var(--u-navy, #11115f); color: #fff; cursor: default; }
.lang-switch-sep { display: none; }
.u-header-nav .lang-switch { margin-inline-start: 8px; }
.s-top-right .lang-switch { margin: 0; }
.login-lang { display: flex; justify-content: flex-end; margin-bottom: 18px; }

@media (max-width: 640px) {
  .lang-switch button { min-height: 34px; padding-inline: 9px; }
  .u-header-nav .lang-switch { margin-inline-start: 2px; }
}

/* ---- Urdu / right-to-left typography ---------------------------------------------- */
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea { font-family: var(--u-font-ur-ui); }
html[lang="ur"] body { line-height: 1.8; }
html[lang="ur"] h1, html[lang="ur"] h2, html[lang="ur"] h3 { font-family: var(--u-font-ur-ui); line-height: 1.5; }

/* Arabic-script letters must join: no tracking, no forced capitals, no italics. */
html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after { letter-spacing: normal !important; text-transform: none !important; }
html[dir="rtl"] em, html[dir="rtl"] i { font-style: normal; }

/* Identifiers, codes and numbers stay left-to-right inside right-to-left pages. */
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="url"], html[dir="rtl"] input[inputmode="numeric"], html[dir="rtl"] [data-ltr], html[dir="rtl"] code, html[dir="rtl"] kbd {
  direction: ltr; text-align: start;
}
html[dir="rtl"] input[type="email"]::placeholder, html[dir="rtl"] input[type="tel"]::placeholder { text-align: start; }
html[dir="rtl"] .u-hero em { font-style: normal; }

/* Directional glyphs used as decoration flip with the reading direction. */
html[dir="rtl"] .u-arrow, html[dir="rtl"] .u-campaign-go i { display: inline-block; transform: scaleX(-1); }