/* Al Jazeera Arabic font face and language-scoped usage */
@font-face {
  font-family: "Al Jazeera Arabic";
  src: url("/fonts/Al-Jazeera-Arabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Apply the Arabic font only when the document language is Arabic */
html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6 {
  font-family: "Al Jazeera Arabic", Tahoma, Arial, sans-serif;
}

/* Ensure common UI text elements also inherit properly in Arabic */
html[lang="ar"] :where(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, label, span, li) {
  font-family: inherit !important;
}