/* ========================================================================== RTL overrides — loaded only when the visitor is in Arabic mode. Flexbox/grid layouts mirror automatically once is set; these rules cover the handful of spots that don't mirror on their own: Arabic type, directional icons, and a couple of explicit left/right rules. ========================================================================== */ body { font-family: 'Tajawal', var(--font-sans); } h1, h2, h3, h4 { font-family: 'Tajawal', var(--font-serif); } /* "Book Now" / route links: the arrow should point toward reading-start (left) in RTL. */ .link-arrow .icon { transform: scaleX(-1); } /* Section headers that were left-aligned in LTR should hug the right edge in RTL. */ .section-header--left { align-items: flex-end; text-align: right; } /* Table + pricing figures stay LTR-shaped (numbers), but align to the right like the rest of the row. */ .pricing-table th, .pricing-table td { text-align: right; } /* Price / stat rows keep numbers legible while flowing with the RTL row direction. */ .price-row-value, .price-total-value, .tier-price-value, .estimate-total-value { direction: ltr; unicode-bidi: isolate; } /* Logo lockup keeps its Latin wordmark LTR even inside an RTL page. */ .logo-en { direction: ltr; unicode-bidi: isolate; }