/** * direction.css — RTL/LTR directional overrides for HighJet website. * Loaded on all pages. The attribute (set dynamically via * PHP __dir()) activates the [dir=rtl] rules automatically. */ /* ── Base RTL adjustments ────────────────────────────────────────────────── */ [dir=rtl] body { font-family: 'Tajawal', 'Cairo', sans-serif; text-align: right; } /* Navigation */ [dir=rtl] .main-nav { direction: rtl; } [dir=rtl] .header-inner { flex-direction: row-reverse; } /* Flip flex rows so start/end swap correctly */ [dir=rtl] .hero-content, [dir=rtl] .journey-banner-inner, [dir=rtl] .form-row { direction: rtl; } /* Form inputs */ [dir=rtl] input, [dir=rtl] select, [dir=rtl] textarea { text-align: right; } /* Cards and panels */ [dir=rtl] .card, [dir=rtl] .trip-card, [dir=rtl] .seat-legend-item { direction: rtl; } /* Margins/paddings that use physical values */ [dir=rtl] .step-icon, [dir=rtl] .prefix-icon { margin-left: 0; margin-right: 8px; } /* Arrows and chevrons — flip decorative arrows */ [dir=rtl] .arrow-right::after, [dir=rtl] .chevron-right::after { content: '←'; } /* Scrollbars for RTL */ [dir=rtl] * { scrollbar-width: thin; }