/* ==========================================================================
   RAD website: Arabic / right-to-left adjustments
   --------------------------------------------------------------------------
   These rules only apply when the page is in Arabic (<html dir="rtl">).
   Most of the layout mirrors on its own; this file fixes the details.
   ========================================================================== */

[dir=rtl] body {
  font-family: var(--font-ar);
  line-height: 1.75;
}

/* Arabic script needs no letter-spacing and a little more line height */
[dir=rtl] h1,
[dir=rtl] h2,
[dir=rtl] h3 {
  letter-spacing: 0;
  line-height: 1.35;
}

[dir=rtl] .hero h1 {
  line-height: 1.3;
}

[dir=rtl] .eyebrow,
[dir=rtl] .partner .tagline,
[dir=rtl] .contact-row small {
  letter-spacing: 0;
  font-size: .85rem;
}

/* Point the triangle marker the other way */
[dir=rtl] .eyebrow::before {
  border-left: 0;
  border-right: 9px solid var(--gold);
}

[dir=rtl] .contact .eyebrow::before {
  border-right-color: var(--ink);
}

/* Hero: the Arabic name becomes the main name line */
[dir=rtl] .hero .ar-name {
  display: none;
}

[dir=rtl] .hero .tag {
  margin-top: 18px;
  font-size: 1.4rem;
  font-weight: 700;
}

[dir=rtl] .menu a {
  font-size: 1rem;
}

[dir=rtl] .stat b {
  text-align: right;
}

[dir=rtl] .stat span {
  font-size: 1rem;
}

[dir=rtl] .map text {
  font: 700 17px var(--font-ar);
}