/* Right-to-left baseline for the Arabic locale (i18n, roadmap ยง5). Loaded only when . dir="rtl" already mirrors text flow, tables and default alignment; this file fixes the common physical-property patterns that don't auto-mirror. Page-specific polish can extend this. */ [dir="rtl"] body { text-align: right; } /* Neutralize hard-coded left/right text alignment. */ [dir="rtl"] .text-left { text-align: right !important; } [dir="rtl"] .text-right { text-align: left !important; } /* Flip default list/padding indentation. */ [dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.2em; padding-left: 0; } /* Inputs and textareas read right-to-left. */ [dir="rtl"] input:not([type="email"]):not([type="url"]):not([type="tel"]):not([type="number"]), [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; } /* Keep Latin-only fields (email, url, numbers, code) left-to-right for legibility. */ [dir="rtl"] input[type="email"], [dir="rtl"] input[type="url"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="number"], [dir="rtl"] input[inputmode="numeric"], [dir="rtl"] code, [dir="rtl"] pre, [dir="rtl"] .ltr { direction: ltr; text-align: left; unicode-bidi: plaintext; } /* Mirror simple horizontal flex rows that assume LTR ordering. */ [dir="rtl"] .row-reverse-rtl { flex-direction: row-reverse; }