/* ==========================================================================
   THTS — right-to-left overrides.
   Loaded only by the Arabic pages (ar/*.html), after site.css.
   Everything here mirrors a physical left/right rule; nothing else changes.
   ========================================================================== */

/* ---------- typography ---------- */
/* Cormorant has no Arabic; headings fall back to a proper Arabic serif. */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .sub-lead, [dir="rtl"] .callout, [dir="rtl"] .logo .words b,
[dir="rtl"] .slogan-line, [dir="rtl"] .stat b, [dir="rtl"] .pillar .num {
  font-family: 'Noto Naskh Arabic', 'Amiri', 'Scheherazade New', 'Traditional Arabic', Georgia, serif;
  letter-spacing: 0;
  line-height: 1.42;
}
[dir="rtl"] h1 { font-size: clamp(2.1rem, 4.8vw, 3.8rem); line-height: 1.32 }
[dir="rtl"] h2 { font-size: clamp(1.65rem, 3.4vw, 2.7rem); line-height: 1.36 }
[dir="rtl"] h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.4 }
[dir="rtl"] body {
  font-family: 'Noto Kufi Arabic', 'Tajawal', 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.85;
}
/* Arabic does not use uppercase or wide tracking — it makes it unreadable. */
[dir="rtl"] .eyebrow, [dir="rtl"] .tag, [dir="rtl"] .btn, [dir="rtl"] nav.main > a,
[dir="rtl"] .dd > button, [dir="rtl"] .trust .label, [dir="rtl"] .trust-more,
[dir="rtl"] .stat span, [dir="rtl"] .office b, [dir="rtl"] .ksa-band-txt b,
[dir="rtl"] .ksa-band-cities, [dir="rtl"] .ksa-flagline, [dir="rtl"] .crumbs,
[dir="rtl"] .filter, [dir="rtl"] .vp-meta small, [dir="rtl"] .vid figcaption span,
[dir="rtl"] .pillar .more, [dir="rtl"] .f-col b, [dir="rtl"] .topbar,
[dir="rtl"] .filter-count, [dir="rtl"] .ref-head, [dir="rtl"] .proj .meta span {
  text-transform: none;
  letter-spacing: .01em;
}
[dir="rtl"] .eyebrow { font-size: .8rem }
[dir="rtl"] .btn { font-size: .84rem; font-weight: 500 }
[dir="rtl"] nav.main > a, [dir="rtl"] .dd > button { font-size: .86rem }
[dir="rtl"] .lead { font-size: 1.06rem; line-height: 1.95 }

/* Latin runs inside Arabic text — phone numbers, emails, brand names */
[dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .logo .words, [dir="rtl"] [dir="ltr"] {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ---------- header / nav ---------- */
[dir="rtl"] nav.main { margin-left: 0; margin-right: auto }
[dir="rtl"] .nav-cta { margin-left: 0; margin-right: 10px }
[dir="rtl"] .leaf { margin-left: 0; margin-right: 4px }
[dir="rtl"] .dd-menu { left: auto; right: 0 }
[dir="rtl"] .eyebrow::after { background: linear-gradient(270deg, var(--brass), transparent) }
[dir="rtl"] .ksa-band-cities { margin-left: 0; margin-right: auto }
[dir="rtl"] .ksa-flagline { padding: 9px 14px 9px 18px }
[dir="rtl"] .langsw { font-weight: 600; color: var(--brass) }
/* the band already reads in Arabic — drop the duplicated Arabic sub-label */
[dir="rtl"] .ksa-band-txt .ar { display: none }

/* ---------- lists, rules and ticks ---------- */
[dir="rtl"] .checks li { padding: 13px 30px 13px 0 }
[dir="rtl"] .checks li::before { left: auto; right: 2px }
[dir="rtl"] .pillar ul li { padding: 7px 18px 7px 0 }
[dir="rtl"] .pillar ul li::before { left: auto; right: 0 }
[dir="rtl"] .callout {
  border-left: 0; border-right: 2px solid var(--brass);
  padding: 8px 30px 8px 0;
}
[dir="rtl"] .pillar { border-right: 0; border-left: 1px solid var(--line) }
[dir="rtl"] .pillar:last-child { border-left: 0 }
[dir="rtl"] .faq summary { padding-right: 0; padding-left: 34px }
[dir="rtl"] .faq summary::after { right: auto; left: 6px }

/* ---------- media, gallery, lightbox ---------- */
[dir="rtl"] .vp-play svg { margin-left: 0; margin-right: 3px; transform: scaleX(-1) }
[dir="rtl"] .vp-dur { right: auto; left: 10px }
[dir="rtl"] .lb-close { right: auto; left: 26px }
[dir="rtl"] .lb-prev { left: auto; right: 22px }
[dir="rtl"] .lb-next { right: auto; left: 22px }
[dir="rtl"] .lb-prev, [dir="rtl"] .lb-next { transform: scaleX(-1) }
@media (max-width: 700px) {
  [dir="rtl"] .lb-prev { left: auto; right: 8px }
  [dir="rtl"] .lb-next { right: auto; left: 8px }
}

/* ---------- films page ---------- */
[dir="rtl"] .film-row { direction: rtl }
[dir="rtl"] .film-player, [dir="rtl"] .film-copy { direction: rtl }
[dir="rtl"] .film-row.flip .film-player { order: 2 }

/* ---------- footer / misc ---------- */
[dir="rtl"] .f-bottom, [dir="rtl"] .f-top { text-align: right }
[dir="rtl"] .slogan-note { text-align: right }
[dir="rtl"] .arrow-r { display: inline-block; transform: scaleX(-1) }
[dir="rtl"] .mobile-only-ltr { direction: ltr }
[dir="rtl"] .dd-menu a small { letter-spacing: 0; text-transform: none }

@media (max-width: 1120px) {
  [dir="rtl"] .dd-menu {
    border-left: 0; border-right: 1px solid var(--line);
    margin: 0 6px 10px 0; padding: 0 12px 0 0;
  }
  [dir="rtl"] .pillar { border-left: 1px solid var(--line) }
  [dir="rtl"] .pillar:nth-child(2n) { border-left: 0 }
}