/* ============================================================
   RTL overrides for Arabic (/ar/) pages. Loaded only on ar pages.
   Keeps brand logo orientation; mirrors reading flow and controls.
   ============================================================ */
[dir="rtl"] body,
[dir="rtl"] .prose,
[dir="rtl"] p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 {
  font-family: var(--font-arabic);
}
[dir="rtl"] .container[dir="rtl"] { text-align: right; }
[dir="rtl"] .breadcrumbs ol { flex-direction: row-reverse; justify-content: flex-end; }
[dir="rtl"] .steps > li { grid-template-columns: auto 1fr; }
[dir="rtl"] .checklist li,
[dir="rtl"] .crosslist li { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .link-arrow svg { transform: scaleX(-1); }

/* Drawer opens from the left in RTL */
[dir="rtl"] .drawer { right: auto; left: 0; transform: translateX(-100%); }
[dir="rtl"] .drawer.is-open { transform: translateX(0); }
@media (max-width: 640px) {
  [dir="rtl"] .drawer { left: 0; right: 0; transform: translateY(100%); }
  [dir="rtl"] .drawer.is-open { transform: translateY(0); }
}

/* WhatsApp FAB to the left */
[dir="rtl"] .wa-fab { right: auto; left: calc(var(--space-sm) + var(--safe-left)); }

/* Keep the Latin brand wordmark left-to-right inside RTL */
[dir="rtl"] .brand__name,
[dir="rtl"] .brand__sub { direction: ltr; }

/* Numbers, phone, address stay LTR */
[dir="rtl"] .tnum,
[dir="rtl"] .nap a[href^="tel"],
[dir="rtl"] address { direction: ltr; text-align: right; unicode-bidi: plaintext; }