/** * RTL (Right-to-Left) overrides for Arabic locale. * Loaded conditionally when dir="rtl" is set on . */ [dir="rtl"] { direction: rtl; text-align: right; } /* Flexbox direction flips */ [dir="rtl"] .flex.flex-row, [dir="rtl"] .flex.space-x-2, [dir="rtl"] .flex.space-x-3, [dir="rtl"] .flex.space-x-4, [dir="rtl"] .flex.space-x-6 { flex-direction: row-reverse; } /* Navigation spacing */ [dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]) { margin-right: 0.5rem; margin-left: 0; } [dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-right: 1rem; margin-left: 0; } [dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]) { margin-right: 1.5rem; margin-left: 0; } /* Text alignment */ [dir="rtl"] .text-left { text-align: right; } [dir="rtl"] .text-right { text-align: left; } /* Margin/Padding flips */ [dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; } [dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; } [dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; } [dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; } [dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; } [dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; } [dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; } [dir="rtl"] .pl-10 { padding-left: 0; padding-right: 2.5rem; } [dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; } /* Search input icon positioning */ [dir="rtl"] .relative input[type="text"] + svg, [dir="rtl"] .relative .absolute.left-3 { left: auto; right: 0.75rem; } /* Dropdown positioning */ [dir="rtl"] .absolute.right-0 { right: auto; left: 0; } [dir="rtl"] .absolute.left-0 { left: auto; right: 0; } /* Border flips */ [dir="rtl"] .border-l-4 { border-left-width: 0; border-right-width: 4px; } [dir="rtl"] .border-r-4 { border-right-width: 0; border-left-width: 4px; } /* Noto Sans Arabic — loaded from Google Fonts */ @font-face { font-family: 'Noto Sans Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://fonts.gstatic.com/s/notosansarabic/v18/nwpxtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlhQ5l3sQWIHPqzCfyG2vu3CBFQLaig.woff2') format('woff2'); } [dir="rtl"] body { font-family: 'Noto Sans Arabic', ui-sans-serif, system-ui, sans-serif; }