/* --------------------------------------------------------------------------- Public website RTL overrides (loaded only for ur / ar) The front-end uses a legacy Bootstrap-style stylesheet (chocolate.css / Main.css) plus CDN Tailwind on the heritage layout. With the browser mirrors most block/inline flow automatically; this sheet fixes the float/alignment/pull helpers and a few utilities that assume LTR. --------------------------------------------------------------------------- */ [dir="rtl"] body { font-family: 'Noto Naskh Arabic', 'Roboto', 'Segoe UI', sans-serif; text-align: right; } /* Bootstrap float / pull helpers */ [dir="rtl"] .pull-left { float: right !important; } [dir="rtl"] .pull-right { float: left !important; } [dir="rtl"] .text-left { text-align: right !important; } [dir="rtl"] .text-right { text-align: left !important; } /* Horizontal nav + meta lists flow from the right */ [dir="rtl"] .nav-horizontal, [dir="rtl"] .nav-meta, [dir="rtl"] .nav.nav-grid { padding-right: 0; text-align: right; } [dir="rtl"] .nav-horizontal > li, [dir="rtl"] .nav-meta > li { float: right; } /* Tailwind logical-ish utilities used on the heritage layout */ [dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; } [dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; } /* Lists and form labels */ [dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.5rem; padding-left: 0; } [dir="rtl"] label { text-align: right; } /* Language switcher dropdown aligns to its trigger */ [dir="rtl"] .lang-switcher .dropdown-menu { left: 0; right: auto; }