/* ============================================================
   Right-to-left overrides for Arabic (loaded only on /ar/).
   Each block mirrors a specific physical-direction rule in
   site.css; the base sheet is otherwise logical-property clean.
   ============================================================ */
[dir="rtl"] body{direction:rtl;text-align:right}

/* --- flex rows that read left-to-right ------------------- */
[dir="rtl"] .topbar__creds,
[dir="rtl"] .topbar__links,
[dir="rtl"] .header__in,
[dir="rtl"] .nav,
[dir="rtl"] .crumbs,
[dir="rtl"] .breadcrumb{flex-direction:row-reverse}
[dir="rtl"] .mega__grid{direction:rtl}

/* --- skip link: site.css parks it at left:-9999px, which in
       an RTL document extends the page 9999px to the right --- */
[dir="rtl"] .skip{left:auto;right:-9999px}
[dir="rtl"] .skip:focus{left:auto;right:8px}

/* --- mobile drawer slides in from the opposite edge ------ */
[dir="rtl"] .drawer__panel{right:auto;left:0;transform:translateX(-100%)}
[dir="rtl"] .drawer.is-open .drawer__panel{transform:none}
[dir="rtl"] .drawer ul{padding:0 var(--sp-3) 0 0}

/* --- mirrored spacing and rules -------------------------- */
[dir="rtl"] .header__cta{margin-left:0;margin-right:var(--sp-4)}
[dir="rtl"] .crumbs li::after{margin-left:0;margin-right:6px}
[dir="rtl"] .callout{border-left:0;border-right:3px solid var(--orange);
  border-radius:var(--r-md) 0 0 var(--r-md)}
[dir="rtl"] .kv__item{border-left:0;border-right:2px solid var(--orange);
  padding-left:0;padding-right:var(--sp-4)}
[dir="rtl"] .floatbar{right:auto;left:18px}
@media (max-width:640px){[dir="rtl"] .floatbar{right:auto;left:14px}}
[dir="rtl"] blockquote{border-left:0;border-right:3px solid var(--orange);
  padding-left:0;padding-right:1rem}
[dir="rtl"] ul,[dir="rtl"] ol{padding-right:1.25rem;padding-left:0}
[dir="rtl"] table th,[dir="rtl"] table td{text-align:right}

/* --- chevrons and arrows point the other way ------------- */
[dir="rtl"] .nav__link svg,
[dir="rtl"] .langsw__btn svg{transform:scaleX(-1)}

/* --- Latin-script technical terms stay LTR inside RTL prose */
[dir="rtl"] code,[dir="rtl"] kbd,[dir="rtl"] samp,[dir="rtl"] .mono{
  direction:ltr;unicode-bidi:embed;display:inline-block}
[dir="rtl"] a[href^="tel:"],[dir="rtl"] a[href^="mailto:"]{
  direction:ltr;unicode-bidi:embed}