/* RTL support - VextaLearn ----------------------------------------------------------------- Loaded ONLY when the active locale is Arabic (dir="rtl" on ). Every rule here is scoped under [dir="rtl"], so it can never affect the existing English/Hausa/French layout - the current design stays pixel-identical for every other language. This purely mirrors directionality (text align, margins, icon flips); no colors, spacing scale, fonts, or components are redesigned. */ [dir="rtl"] { text-align: right; } [dir="rtl"] .navbar-nav { padding-right: 0; } [dir="rtl"] .me-1, [dir="rtl"] .me-2, [dir="rtl"] .me-3 { margin-right: 0 !important; } [dir="rtl"] .me-1 { margin-left: 0.25rem !important; } [dir="rtl"] .me-2 { margin-left: 0.5rem !important; } [dir="rtl"] .me-3 { margin-left: 1rem !important; } [dir="rtl"] .ms-1, [dir="rtl"] .ms-2, [dir="rtl"] .ms-3, [dir="rtl"] .ms-auto { margin-left: 0 !important; } [dir="rtl"] .ms-1 { margin-right: 0.25rem !important; } [dir="rtl"] .ms-2 { margin-right: 0.5rem !important; } [dir="rtl"] .ms-3 { margin-right: 1rem !important; } [dir="rtl"] .ms-auto { margin-right: auto !important; } [dir="rtl"] .dropdown-menu-end { --bs-position: start; right: auto; left: 0; } [dir="rtl"] .fa-chevron-right::before { content: "\f053"; } [dir="rtl"] .fa-chevron-left::before { content: "\f054"; }