/* Arabic (RTL) adjustments. Loaded only on /ar/ pages, after site.css and home.css. */
[dir="rtl"] {
  --f-btn: "IBM Plex Sans", Arial, sans-serif;  /* Helvetica Neue has no Arabic */
}
/* Arabic letters must stay joined: no letter-spacing, no uppercase tricks */
[dir="rtl"] *, [dir="rtl"] *::before, [dir="rtl"] *::after { letter-spacing: 0 !important; }
[dir="rtl"] body { line-height: 1.8; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { line-height: 1.35; }

/* Fonts hard-coded to Helvetica in the copied home styles of the old site */
[dir="rtl"] .radi-hero-split-eyebrow, [dir="rtl"] .radi-hero-split p, [dir="rtl"] .radi-hero-split-btn,
[dir="rtl"] .radi-hero-split-meta, [dir="rtl"] .radi-stat-label { font-family: "IBM Plex Sans", Arial, sans-serif; }
[dir="rtl"] .radi-hero-split h1 { font-family: "Montserrat", Arial, sans-serif; line-height: 1.25; max-width: 14ch; }
[dir="rtl"] .radi-stat-label { font-size: 14px; }

/* Mirror things that were positioned for left-to-right */
[dir="rtl"] .nav > a, [dir="rtl"] .nav-eq, [dir="rtl"] .nav-dd-link { text-align: right; }
[dir="rtl"] .burger { margin-left: 0; margin-right: auto; }
[dir="rtl"] .rss-note, [dir="rtl"] .rss-inline { border-left: 0; border-right: 4px solid var(--gold); }
[dir="rtl"] .form-done { border-left: 0; border-right: 4px solid var(--wa); }
[dir="rtl"] .about-hero p { text-align: right; }
[dir="rtl"] .card-go .ic, [dir="rtl"] .ic-arrow { transform: scaleX(-1); }
[dir="rtl"] .lb-back { left: auto; right: 14px; }
[dir="rtl"] .nav-dd-menu { left: auto; right: 0; }
[dir="rtl"] .wa-float, [dir="rtl"] .qfab { right: auto; left: calc(16px + env(safe-area-inset-left, 0px)); }
[dir="rtl"] .crumbs { direction: rtl; }
[dir="rtl"] .rvid-brand { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] input[type="tel"], [dir="rtl"] input[type="email"] { text-align: right; }
[dir="rtl"] .rcl-view { direction: ltr; }

/* Note shown where product pages are still in English */
.ar-note { margin: var(--s-3) auto 0; max-width: 60ch; font-size: 14px; color: var(--muted); }
.en-note { font-size: 11px; color: var(--muted); margin-inline-start: 4px; }
[dir="rtl"] .nav { margin-left: 0; margin-right: auto; }
[dir="rtl"] .nav-eq::after, [dir="rtl"] .nav-dd-btn::after { margin-left: 0; margin-right: 7px; }
[dir="rtl"] .form-err, [dir="rtl"] .rss-box { border-left: 0; border-right: 4px solid var(--red); }
[dir="rtl"] .rss-box { border-right-color: var(--gold); }
[dir="rtl"] .mini-steps, [dir="rtl"] .mini-list { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .q-count { margin-left: 0; margin-right: 4px; }
[dir="rtl"] .skip { left: auto; right: -999px; }
[dir="rtl"] .skip:focus { right: 8px; }
@media (max-width: 760px) { [dir="rtl"] .lb-head { padding-left: 56px; padding-right: 16px; } }
/* Services link + arrow: spacing mirrored */
[dir="rtl"] .nav-dd-link { padding: 10px 11px 10px 0; }
[dir="rtl"] .nav-dd-btn { padding: 10px 2px 10px 11px; }
[dir="rtl"] .nav-dd-btn::after { margin-right: 4px; }
/* Tiny uppercase labels are hard to read in Arabic: make them bigger */
[dir="rtl"] .rsj-eyebrow, [dir="rtl"] .rpillars-eyebrow, [dir="rtl"] .rvid-eyebrow, [dir="rtl"] .radi-hero-split-eyebrow { font-size: 15px; }
[dir="rtl"] .rsj-tag { font-size: 13px; }
/* Almarai is wider than Cairo: slightly smaller hero heading so it keeps 3 lines on desktop */
[dir="rtl"] .radi-hero-split h1 { font-size: clamp(36px, 4.4vw, 60px); }
@media (max-width: 980px) {
  [dir="rtl"] .nav-dd-btn { padding: 15px 16px 15px 4px; }
  [dir="rtl"] .nav-dd-btn::after, [dir="rtl"] .nav-eq::after { margin: 0; }
  [dir="rtl"] .nav-dd-link { padding: 15px 4px; }
}

/* Product cards in Arabic: everything aligned right; model names stay left-to-right but right-aligned */
[dir="rtl"] .rpr-body { text-align: right; }
[dir="rtl"] .rpr-name { text-align: right; }
[dir="rtl"] .rpr-tag { font-size: 12px; }
[dir="rtl"] .card-meta { text-align: right; }
[dir="rtl"] .quote-note { border-right-color: var(--red); }
[dir="rtl"] .about-hero, [dir="rtl"] .about-split h1, [dir="rtl"] .about-mv { text-align: right; }
[dir="rtl"] .pq-x { right: auto; left: 12px; }
[dir="rtl"] .pq-feats { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .pq-table th, [dir="rtl"] .pq-table td { text-align: right; }
[dir="rtl"] .pq-open { font-family: inherit; }