/* * RTL (Right-to-Left) language support * * Applied automatically via dir="rtl" on for Arabic, Hebrew, * Urdu, Persian, Pashto, Sindhi, and Yiddish locales. * * Uses CSS logical properties where possible; explicit [dir="rtl"] * overrides only where logical properties are insufficient. */ /* Text alignment */ [dir="rtl"] { text-align: right; } [dir="rtl"] .text-left { text-align: right; } [dir="rtl"] .text-right { text-align: left; } /* Navigation: flip flex direction and spacing */ [dir="rtl"] nav .flex { direction: rtl; } [dir="rtl"] nav .sm\:ml-12 { margin-left: 0; margin-right: 3rem; } [dir="rtl"] nav .sm\:ml-6 { margin-left: 0; margin-right: 1.5rem; } [dir="rtl"] nav .mr-2 { margin-right: 0; margin-left: 0.5rem; } /* Navigation link spacing */ [dir="rtl"] nav .sm\:space-x-10 > :not(:first-child) { margin-left: 0; margin-right: 2.5rem; } [dir="rtl"] nav .sm\:space-x-6 > :not(:first-child) { margin-left: 0; margin-right: 1.5rem; } /* Dropdown positioning: flip right to left */ [dir="rtl"] .absolute.right-0 { right: auto; left: 0; } /* Mobile menu padding */ [dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; } [dir="rtl"] .pr-4 { padding-left: 1rem; padding-right: 0; } /* Icon positions */ [dir="rtl"] .gap-3 { direction: rtl; } /* Footer and content sections */ [dir="rtl"] .text-center { text-align: center; } /* Locale selector: position dropdown for RTL */ [dir="rtl"] [data-controller="locale-selector"] .absolute { right: auto; left: 0; } /* Back arrows and directional icons */ [dir="rtl"] .rotate-180-rtl { transform: rotate(180deg); } /* Scrollbar on left side for RTL */ [dir="rtl"] .overflow-y-auto { direction: rtl; }