@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

/* Keep every Arabic run on the approved Cairo family, including elements
   whose visual treatment previously assigned a monospace or UI font. */
:lang(ar) {
  font-family: "Cairo", system-ui, sans-serif !important;
}

/* Arabic content editors use an English document language, so mark their
   RTL fields explicitly as Cairo as well. */
[dir="rtl"],
[lang="ar"],
[name$="_ar"],
label:has([name$="_ar"]),
.cms-editor-tab[data-panel="arabic"] {
  font-family: "Cairo", system-ui, sans-serif !important;
}