/* ========================================================================== RTL overrides — loaded only when Most layout uses logical properties, so this file only handles the few cases that need explicit RTL flipping. ========================================================================== */ html[dir="rtl"] body { font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif; letter-spacing: 0; } /* Flip only directional icons (arrows, chevrons) — keep non-directional icons as-is */ html[dir="rtl"] .icon-directional, html[dir="rtl"] svg.icon-directional { transform: scaleX(-1); } /* Numbers in Arabic context — prefer Latin digits for prices for readability */ html[dir="rtl"] .price, html[dir="rtl"] .digits { font-family: 'Inter', sans-serif; font-feature-settings: "tnum" 1; direction: ltr; unicode-bidi: embed; display: inline-block; } /* Hero heading weight tuning for Arabic */ html[dir="rtl"] .hero h1 { font-weight: 700; letter-spacing: -0.5px; } /* Select caret position in native selects — browsers handle automatically in most cases */ html[dir="rtl"] select.form-control { background-position: left 12px center; }