/* Saber Shield — Arabic (RTL) overrides. Loaded after site.css on /ar/ pages only. */
html[dir="rtl"] body,html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] p,html[dir="rtl"] a,html[dir="rtl"] li,html[dir="rtl"] label,html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea,html[dir="rtl"] summary{font-family:'Cairo','Segoe UI',Tahoma,sans-serif}
html[dir="rtl"] body{line-height:1.75}
/* Kill latin-only letter-spacing that breaks Arabic glyph joining */
html[dir="rtl"] .eyebrow,html[dir="rtl"] .section-head h2,html[dir="rtl"] .section-title,html[dir="rtl"] .hero h1,html[dir="rtl"] .tiny-note,html[dir="rtl"] .panel-no,html[dir="rtl"] .card-code,html[dir="rtl"] .cta-strip h2,html[dir="rtl"] .footer-links h4,html[dir="rtl"] .content-section h2,html[dir="rtl"] .badge{letter-spacing:0}
/* Mirror physical offsets */
html[dir="rtl"] .navlinks{margin-left:0;margin-right:auto}
html[dir="rtl"] .menu-toggle{margin-left:0;margin-right:auto}
html[dir="rtl"] .checklist li{padding-left:0;padding-right:28px}
html[dir="rtl"] .checklist li:before{left:auto;right:0}
html[dir="rtl"] .badge{margin-left:0;margin-right:8px}
html[dir="rtl"] .skip{left:auto;right:-9999px}
html[dir="rtl"] .skip:focus{left:auto;right:15px}
/* Diagram flow arrows read backwards in RTL — mirror the glyph itself */
html[dir="rtl"] .process-diagram .arrow{transform:scaleX(-1);display:inline-block}
/* Keep technical SVG internals LTR while translated text renders normally */
svg{direction:ltr}
/* Tight negative tracking is useless for Arabic headlines; relax line-height too */
html[dir="rtl"] .hero h1,html[dir="rtl"] .page-hero h1{line-height:1.15}
html[dir="rtl"] .brand-name{letter-spacing:.035em;font-family:'Space Grotesk',sans-serif}
/* Language switcher (present on both EN and AR pages) */
.lang-switch{display:inline-flex;align-items:center;padding:6px 13px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:700;color:#d7e5f2;transition:color .2s,border-color .2s;white-space:nowrap}
.lang-switch:hover{color:var(--cyan);border-color:var(--cyan)}