/* ---------- RTL overrides (Arabic) — loaded only when html[dir="rtl"] ---------- */
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] .main-nav { flex-direction: row-reverse; }
html[dir="rtl"] .header-util { flex-direction: row-reverse; }
html[dir="rtl"] .lang-switcher-menu { right: auto; left: 0; }
html[dir="rtl"] .lang-switcher-toggle { flex-direction: row-reverse; }
html[dir="rtl"] .lang-switcher-menu li a { flex-direction: row-reverse; }
html[dir="rtl"] .footer-grid { direction: rtl; }
html[dir="rtl"] .footer-top { flex-direction: row-reverse; }
html[dir="rtl"] .wa-card { flex-direction: row-reverse; }
html[dir="rtl"] .wa-card-arrow { transform: scaleX(-1); }
html[dir="rtl"] .crumbs ol { flex-direction: row-reverse; }
html[dir="rtl"] .mobile-tabbar { flex-direction: row-reverse; }
html[dir="rtl"] .cs-widget { right: auto; left: 20px; }
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; }