/* Arabic (right-to-left) pages — loaded after the mirrored *.rtl.css files. */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

/* Latin text keeps the site fonts; Arabic letters fall through to Cairo. */
html[lang="ar"] {
  --font_bai: "Bai Jamjuree", "Cairo", sans-serif;
  --font_granola: "Granola", "Cairo";
  --font_bdo-grotsk: "BDO Grotesk", "Cairo";
  --font_bdogrotesk: "BDO Grotesk", "Cairo";
  --font_suisse-int: "Suisse Int", "Cairo";
  --font_tartuffotrial: "Tartuffo_Trial-Regular", "Cairo";
  --font_inter: "Inter", "Cairo", sans-serif;
}
html[lang="ar"] body { font-family: "Bai Jamjuree", "Cairo", sans-serif; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[lang="ar"] .rr-btn-primary, html[lang="ar"] .section-title, html[lang="ar"] .title {
  font-family: "Montserrat", "Cairo", sans-serif !important;
  line-height: 1.35;
}

/* Letter-spacing pulls joined Arabic letters apart. */
html[lang="ar"] * { letter-spacing: 0 !important; }

/* Arrows: Arabic pages swap right/left arrow icons (see mirrorIcons in src/cms/lang.js) and the RTL
   stylesheets negate their rotations, so a diagonal ↗ becomes ↖. */