/**
 * Bahij TheSansArabic for public marketing site (AR + CKB).
 * Overrides display + “mono” UI labels so nav, hero, and chrome match Bahij.
 */
html[dir="rtl"] {
  --font:         "Bahij TheSansArabic", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --font-display: "Bahij TheSansArabic", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --mono:         "Bahij TheSansArabic", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Bold.eot");
  src: url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Bold.woff") format("woff"),
    url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Plain.eot");
  src: url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Plain.eot?#iefix")
      format("embedded-opentype"),
    url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Plain.woff") format("woff"),
    url("/static/ronexAdmin/fonts/Bahij_TheSansArabic-Plain.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html[dir="rtl"] body,
html[dir="rtl"] .nav,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .nav-links a,
html[dir="rtl"] .nav-links button,
html[dir="rtl"] .nav-util,
html[dir="rtl"] .menu,
html[dir="rtl"] .footer,
html[dir="rtl"] .cmdk-box,
html[dir="rtl"] .cookie,
html[dir="rtl"] .sticky-cta,
html[dir="rtl"] .btn,
html[dir="rtl"] .link-arrow,
html[dir="rtl"] .display,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .lead,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .hud,
html[dir="rtl"] .marquee,
html[dir="rtl"] .dcard,
html[dir="rtl"] .eco-node,
html[dir="rtl"] .eco-detail,
html[dir="rtl"] .field,
html[dir="rtl"] .phero,
html[dir="rtl"] .subhero,
html[dir="rtl"] .dd-menu,
html[dir="rtl"] .lang-menu,
html[dir="rtl"] .foot-legal {
  font-family: "Bahij TheSansArabic", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: 0;
}

/* Kurdish/Arabic large type — Bahij renders larger & heavier than Latin, so cap the
   hero smaller (≈60px vs the Latin 84px) and give it more line-height to avoid overlap */
html[dir="rtl"] .display,
html[dir="rtl"] .phero .display,
html[dir="rtl"] .subhero .display {
  font-size: clamp(30px, 4.4vw, 60px);
  line-height: 1.25;
}

html[dir="rtl"] .h2,
html[dir="rtl"] .shead .h2,
html[dir="rtl"] .phero .h2,
html[dir="rtl"] .subhero .h2 {
  line-height: 1.18;
}

html[dir="rtl"] .h3 {
  line-height: 1.28;
}

html[dir="rtl"] .lead,
html[dir="rtl"] .phero .lead,
html[dir="rtl"] .subhero .lead,
html[dir="rtl"] .prose p {
  line-height: 1.75;
}

html[dir="rtl"] .eyebrow {
  line-height: 1.4;
}

html[dir="rtl"] .eco-node .en-t {
  line-height: 1.45;
}

/* Keep code blocks monospace and LTR in RTL */
html[dir="rtl"] .code-block,
html[dir="rtl"] pre,
html[dir="rtl"] code,
html[dir="rtl"] kbd {
  font-family: ui-monospace, "Cascadia Code", monospace;
  direction: ltr;
  text-align: left;
}