/* RTL overrides for Arabic (loaded only when ). Flexbox/grid layouts flip automatically with dir=rtl; this layer fixes the spots that use physical left/right (text alignment, directional padding, absolutely-positioned bits). */ [dir="rtl"] body { text-align: right; } /* Left-aligned content blocks become right-aligned. */ [dir="rtl"] .country-intro, [dir="rtl"] .faq-list, [dir="rtl"] .faq-item summary, [dir="rtl"] .faq-answer, [dir="rtl"] .prose, [dir="rtl"] .text-start { text-align: right; } /* FAQ chevron sits at the trailing edge. */ [dir="rtl"] .faq-item summary { padding-right: 0; padding-left: 2.2rem; } [dir="rtl"] .faq-chevron { right: auto; left: 1rem; } /* Rates table: header/cells follow the reading direction. */ [dir="rtl"] .table th, [dir="rtl"] .table td { text-align: right; } [dir="rtl"] .table td.cost { text-align: left; } /* Currency switch row is reversed via flex-direction in markup; keep symbols readable. */ [dir="rtl"] .tz-widget { direction: rtl; } /* Footer link/icon lists. */ [dir="rtl"] .footer-links a, [dir="rtl"] .footer-contact a { text-align: right; } [dir="rtl"] .footer-links i, [dir="rtl"] .footer h3 i { margin-right: 0; margin-left: .5rem; } /* Language menu opens from the trailing edge already (uses inset-inline-end). Numerals/codes inside the switcher stay LTR so '+234' etc. read correctly. */ [dir="rtl"] .lang-switch > summary span, [dir="rtl"] .tz-time, [dir="rtl"] .calling_code, [dir="rtl"] .cost { direction: ltr; unicode-bidi: isolate; } /* Chips: flag then name, mirrored. */ [dir="rtl"] .nearby-chips .btn .flag { margin-right: 0; }