/* Force Cairo font for Arabic only */
:root{
  --arabic-font: "Cairo", "Noto Kufi Arabic", "Noto Sans Arabic", Arial, sans-serif;
}

/* Arabic pages (rtl or lang=ar) */
html[dir="rtl"], html:lang(ar),
body:lang(ar), [lang="ar"]{
  font-family: var(--arabic-font) !important;
}

/* Force on everything (covers buttons that ignore inherited font) */
html[dir="rtl"] *, html:lang(ar) *{
  font-family: var(--arabic-font) !important;
}

/* Extra for form controls + buttons */
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] a,
html[dir="rtl"] .btn,
html[dir="rtl"] [role="button"],

html:lang(ar) button,
html:lang(ar) input,
html:lang(ar) textarea,
html:lang(ar) select,
html:lang(ar) a,
html:lang(ar) .btn,
html:lang(ar) [role="button"]{
  font-family: var(--arabic-font) !important;
}