/* Arabic (dir="rtl"): what flex/grid mirroring does not handle by itself. */
[dir="rtl"] body { font-family: 'Noto Sans Arabic', 'Inter Tight', system-ui, sans-serif; }
/* letter-spacing breaks Arabic letter joining */
[dir="rtl"] *, [dir="rtl"] *::before, [dir="rtl"] *::after { letter-spacing: 0 !important; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] .h2, [dir="rtl"] h3 { line-height: 1.25; }
/* direction arrows point the reading way */
[dir="rtl"] .arrow, [dir="rtl"] .car-btns button, [dir="rtl"] .more .arrow, [dir="rtl"] .cta .big span, [dir="rtl"] .rel span, [dir="rtl"] .uc-col a span { display: inline-block; transform: scaleX(-1); }
/* numbers, phones, codes and URLs stay left-to-right inside Arabic text */
[dir="rtl"] input[type="tel"], [dir="rtl"] .wa, [dir="rtl"] code { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] input[type="tel"] { text-align: right; }
/* bars that hug one edge */
[dir="rtl"] .plain { border-left: 0; border-right: 2px solid var(--metal, var(--blue-600)); padding: .5mm 4mm .5mm 0; }
[dir="rtl"] .rail-l { border-right: 0; border-left: 1px solid var(--line); padding-right: 0; padding-left: 20px; }
[dir="rtl"] .dx-side span.on { box-shadow: inset -3px 0 0 var(--cyan); }
[dir="rtl"] .panel li { padding-left: 0; padding-right: 28px; } [dir="rtl"] .panel li::before { left: auto; right: 0; }
[dir="rtl"] .proto { left: auto; right: 16px; }
[dir="rtl"] .cc { margin-left: 0; margin-right: auto; }
[dir="rtl"] .checks li { padding-left: 0; padding-right: 30px; } [dir="rtl"] .checks li::before { left: auto; right: 0; }