/* * rtl.css — Arabic language font overrides * * Arabic is treated as a LANGUAGE LAYER only. The site layout * stays LTR in both English and Arabic modes. * * dir="rtl" is intentionally NOT set on . Arabic text * renders correctly inside LTR containers via the Unicode * Bidirectional Algorithm — no structural flip is needed or wanted. * * This file is loaded only when lang="ar" is active. * It must NOT reposition, mirror, or restructure any layout element. */ /* ── Arabic typeface ─────────────────────────────────────────── */ /* Cairo covers both Arabic script and Latin fallback cleanly. */ :lang(ar) body, :lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) h4, :lang(ar) h5, :lang(ar) h6, :lang(ar) p, :lang(ar) a, :lang(ar) label, :lang(ar) button, :lang(ar) input, :lang(ar) select, :lang(ar) textarea, :lang(ar) span, :lang(ar) li { font-family: 'Cairo', 'Sora', sans-serif; }