/* ==========================================================================
   THE PRIVATE OFFICE — WEBSITE
   rtl.css — Arabic / RTL presentation for the Arabic homepage only.
   Loaded solely by index-ar.html. Does not redesign the site: it mirrors
   existing layout, disables Latin-only letterspacing/uppercase on Arabic
   text, and supplies system Arabic type fallbacks (see BRAND.md).
   ========================================================================== */

html[lang="ar"] {
  --font-display: "Noto Naskh Arabic", "Amiri", "Traditional Arabic", "Times New Roman", Georgia, serif;
  --font-sub: "Noto Naskh Arabic", "Amiri", "Traditional Arabic", Georgia, serif;
  --font-body: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --track-display: 0;
  --track-body: 0;
  --track-wide: 0;
  --track-caps: 0;
  --track-ceremony: 0;
}

/* Latin language-switcher label keeps its engraved treatment */
html[lang="ar"] .lang a[lang="en"],
html[lang="ar"] .gf__langlink[lang="en"] {
  font-family: "Cinzel", "Cormorant Garamond", Georgia, serif;
  letter-spacing: 0.14em;
}

html[lang="ar"] .brand__office,
html[lang="ar"] .brand__name,
html[lang="ar"] .site-nav a,
html[lang="ar"] .eyebrow,
html[lang="ar"] .hero__title,
html[lang="ar"] .hero__cue,
html[lang="ar"] .quick-access__title,
html[lang="ar"] .qa-card__link,
html[lang="ar"] .link-arrow,
html[lang="ar"] .pillar__title,
html[lang="ar"] .news-meta__cat,
html[lang="ar"] .news-meta__date,
html[lang="ar"] .field__label,
html[lang="ar"] .btn,
html[lang="ar"] .btn__label,
html[lang="ar"] .mobile-nav__title,
html[lang="ar"] .mobile-nav__meta,
html[lang="ar"] .gf__office,
html[lang="ar"] .gf__heading,
html[lang="ar"] .gf__clabel,
html[lang="ar"] .gf__copy,
html[lang="ar"] .gf__langlink[lang="ar"] {
  letter-spacing: 0;
  text-transform: none;
}

html[lang="ar"] .brand__office {
  font-size: 0.625rem;
}
html[lang="ar"] .brand__name {
  font-size: 0.6875rem;
}
html[lang="ar"] .site-nav {
  gap: clamp(10px, 0.9vw, 16px);
}
html[lang="ar"] .site-nav a {
  font-size: 0.6875rem;
  font-weight: 600;
}

/* Skip link sits on the inline-start edge */
html[dir="rtl"] .skip-link {
  left: auto;
  right: 14px;
}

/* Header: brand on the right, language cluster on the left */
html[dir="rtl"] .site-nav {
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 1250px) {
  html[dir="rtl"] .site-header__right {
    margin-left: 0;
    margin-right: auto;
  }
}

/* Hero: text on the right (inline-start), portrait on the left */
html[dir="rtl"] .hero__media {
  right: auto;
  left: 0;
}
html[dir="rtl"] .hero__media::before {
  background:
    linear-gradient(270deg, var(--navy-800) 0%, rgba(13, 27, 46, 0.55) 15%, rgba(13, 27, 46, 0) 36%),
    linear-gradient(0deg,  rgba(8, 19, 38, 0.55) 0%, rgba(8, 19, 38, 0) 26%),
    linear-gradient(180deg, rgba(8, 19, 38, 0.40) 0%, rgba(8, 19, 38, 0) 20%);
}

/* Directional arrows face the reading direction */
html[dir="rtl"] .qa-card__link .icon,
html[dir="rtl"] .link-arrow .icon {
  transform: scaleX(-1);
}
html[dir="rtl"] .qa-card:hover .qa-card__link .icon,
html[dir="rtl"] .qa-card:focus-within .qa-card__link .icon,
html[dir="rtl"] .link-arrow:hover .icon,
html[dir="rtl"] .news__all:hover .icon {
  transform: scaleX(-1) translateX(5px);
}

html[dir="rtl"] .pillar + .pillar::before {
  left: auto;
  right: 0;
}

html[dir="rtl"] .input {
  text-align: right;
}

html[lang="ar"] .gf__name {
  letter-spacing: 0;
}