/* SMOrchestra Arabic layer — the ONLY stylesheet that is AR-specific.
 * Load order on every /ar/ page: site.css -> components.css -> elevation.css -> ar.css
 * components.css and elevation.css were converted to logical properties on
 * 2026-07-27 (contract law 4.2: one stylesheet serves both directions), so this
 * file carries only what genuinely differs in Arabic: the font stack, RTL-safe
 * details the logical conversion cannot express, and the CTA arrow flip.
 * RTL layout law lives in revamping-smo/smo-arabic-contract-2026-07.md section 4
 * and lessons L-WEB-001/002/004. Never add grid/flex icon-bullet rows here. */

:root{
  /* IBM Plex Sans Arabic per CLAUDE.md; Tahoma is the contract's safe fallback. */
  --f:"IBM Plex Sans Arabic",Tahoma,-apple-system,system-ui,sans-serif;
}
html[dir="rtl"] body,
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,
html[dir="rtl"] .btn,html[dir="rtl"] .nav-links,html[dir="rtl"] .eyebrow{
  font-family:var(--f);
}
/* Arabic needs a touch more line-height than Inter's metrics assume. */
html[dir="rtl"] body{line-height:1.75}
html[dir="rtl"] h1,html[dir="rtl"] h2{letter-spacing:0;line-height:1.25}
html[dir="rtl"] .eyebrow{letter-spacing:0}

/* Forward arrows point left in RTL. Process-flow arrows inside diagrams keep
 * their LTR direction (contract law 4.5), so this scopes to CTA arrows only. */
html[dir="rtl"] .btn svg.i.arr,html[dir="rtl"] .tbtn svg.i.arr,html[dir="rtl"] .nav-cta svg.i{
  transform:scaleX(-1);
}

/* Latin runs inside Arabic flow: keep the numerals/brand glyphs on Inter so
 * $28,000 and SMOrchestra render with the same metrics as the EN site. */
html[dir="rtl"] [dir="ltr"]{font-family:"Inter",var(--f)}