/* Minimal RTL overrides for Arabic / Urdu. dir="rtl" on (set by the Localize middleware) already flips text alignment, list markers, and inline flow; these rules fix the handful of physically-positioned marketing components. RTL polish is intentionally iterative — extend as needed. */ [dir="rtl"] body { text-align: right; } /* Keep the brand mark and any latin-only stat blocks left-anchored visually, but let the text run RTL. */ [dir="rtl"] .brand { flex-direction: row; } /* Mega-menu + language menu open toward the inline-start edge. */ [dir="rtl"] .mega-panel { left: auto; right: 50%; transform: translateX(50%) translateY(6px); } [dir="rtl"] .nav-mega:hover .mega-panel, [dir="rtl"] .nav-mega:focus-within .mega-panel { transform: translateX(50%) translateY(0); } [dir="rtl"] .mega-col a, [dir="rtl"] .mega-col > span.mega-h { text-align: right; } /* Numbers, prices, and money stay LTR even inside RTL copy. */ [dir="rtl"] .price, [dir="rtl"] [data-total], [dir="rtl"] .tabular-nums { direction: ltr; unicode-bidi: embed; display: inline-block; } /* Sticky mobile CTA + toasts already center; nothing to flip there. */