/* ============================================================================
   RTL OVERRIDES — Arabic edition (ar/*.html)
   Loaded AFTER css/style.css. Scope: html[dir="rtl"] only.
   Layout mirrors via direction:rtl (flex/grid follow it automatically);
   the rules below fix what direction alone cannot:
   · absolutely-positioned left/right decorations
   · directional icons (carets, arrows)
   · letter-spacing (Arabic script must not be letter-spaced)
   · numerals / units stay LTR via .ltr, .num utility
   NOTE: visual sign-off by an Arabic native reviewer required before launch.
   ============================================================================ */

html[dir="rtl"]{
  direction:rtl;
  /* Arabic glyph fallback stack: no webfont shipped yet (see translation README).
     Windows: Segoe UI · macOS: Geeza Pro · Android: Noto Naskh Arabic */
  --font-body:"Inter","Segoe UI","Geeza Pro","Noto Naskh Arabic",Tahoma,sans-serif;
}

/* Arabic script must not inherit Latin letter-spacing */
html[dir="rtl"] body,
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,
html[dir="rtl"] .eyebrow,html[dir="rtl"] .btn,html[dir="rtl"] .nav__links a,
html[dir="rtl"] .topbar a,html[dir="rtl"] .tb-right .lang{
  letter-spacing:normal;
}
html[dir="rtl"] .eyebrow{letter-spacing:.06em} /* eyebrow is ALL-CAPS Latin-style label; keep minimal tracking */

/* ---- directional icons ---- */
/* dropdown caret points the other way */
html[dir="rtl"] .nav__links .caret{transform:scaleX(-1)}
/* generic arrows in buttons/links ("→" used across CTAs) */
html[dir="rtl"] a.btn,html[dir="rtl"] .sec-foot a{unicode-bidi:isolate}

/* ---- skip link ---- */
html[dir="rtl"] .skip{right:-9999px;left:auto}
html[dir="rtl"] .skip:focus{right:12px;left:auto}

/* ---- topbar ---- */
html[dir="rtl"] .topbar .sep{margin:0}
html[dir="rtl"] .tb-right{margin-inline-start:auto}

/* ---- drop (product mega-menu) ---- */
html[dir="rtl"] .drop{left:auto;right:0;text-align:right}
html[dir="rtl"] .drop::before{left:auto;right:0}

/* ---- structural stage hints & badges positioned left/right ---- */
html[dir="rtl"] .stagewrap__hint{right:auto;left:20px;text-align:left}

/* ---- numbers & units stay LTR inside RTL text ---- */
html[dir="rtl"] .num,
html[dir="rtl"] .ltr{
  direction:ltr;unicode-bidi:isolate;display:inline-block;
}

/* ---- footer columns: flex order follows direction automatically; no flip needed ---- */

/* ---- forms ---- */
html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{direction:rtl;text-align:right}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"]{direction:ltr;text-align:left}