/* ── Arabic / RTL overrides (loaded only on /ar pages, dir="rtl") ──────────── */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

[dir="rtl"] body { font-family: 'Cairo', 'Manrope', sans-serif; }

/* Hero: mirror the navy gradient to come from the right */
[dir="rtl"] .clr-hero::before {
  background: linear-gradient(270deg, rgba(13,23,34,.74) 0%, rgba(13,23,34,.34) 52%, rgba(13,23,34,.10) 100%);
}
[dir="rtl"] .clr-hero-inner { text-align: right; }
[dir="rtl"] .clr-hero-bc { justify-content: flex-start; }

/* Body / sections align right; Playfair (Latin-only) falls back to Cairo */
[dir="rtl"] .clr-pg-body, [dir="rtl"] .clr-pg-wrap, [dir="rtl"] .clr-pg-intro { text-align: right; }
[dir="rtl"] .clr-pg-em,
[dir="rtl"] .clr-hero-title em,
[dir="rtl"] .tp-section-title span,
[dir="rtl"] .clr-c-title em { font-family: 'Cairo', sans-serif !important; font-style: normal !important; }

/* Numbered rows & cards: flip the layout and arrows */
[dir="rtl"] .clr-rowitem { flex-direction: row-reverse; }
[dir="rtl"] .clr-svc-arrow svg,
[dir="rtl"] .clr-pg-btn svg,
[dir="rtl"] .clr-svc-btn svg,
[dir="rtl"] .clr-rowitem-arrow svg { transform: scaleX(-1); }

/* CTA row mirrors automatically via flex; keep text right-aligned */
[dir="rtl"] .clr-pg-cta-text { text-align: right; }

/* Header: nav pill and items mirror via flex; keep phone block tidy */
[dir="rtl"] .clr-header-phone { direction: ltr; }   /* keep +971… number LTR */
[dir="rtl"] .clr-lang-switch { margin-right: 14px; margin-left: 0; }

/* Lists: bullet/checks on the right */
[dir="rtl"] .clr-pg-list li { padding-right: 28px; padding-left: 0; }
[dir="rtl"] .clr-pg-list li::before { right: 0; left: auto; }