/*
 * Majad local typography layer
 * Arabic article typography uses the licensed PF DIN Text Arabic files
 * already stored in assets/fonts/. The rest of the site keeps its
 * existing typography and fallbacks.
 */

@font-face {
  font-family: "Majad PF DIN Text Arabic";
  src: url("../fonts/NotoSans-Regular.woff2") format("woff2"),
       url("../fonts/NotoSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Majad PF DIN Text Arabic";
  src: url("../fonts/PFDinTextArabic-Medium.woff2") format("woff2"),
       url("../fonts/PFDinTextArabic-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Majad PF DIN Text Arabic";
  src: url("../fonts/PFDinTextArabic-Bold.woff2") format("woff2"),
       url("../fonts/PFDinTextArabic-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --disp: "Majad PF DIN Text Arabic";
  --body: "Majad Inter", "Inter", "Segoe UI", Arial, sans-serif;
  --mono: "Majad Space Mono", "Space Mono", Consolas, "Courier New", monospace;
  --majad-ar-font: "Majad Cairo", "Cairo", Tahoma, Arial, sans-serif;
  --majad-ar-article-font: "Majad PF DIN Text Arabic";
}

/* Keep the general Arabic interface on its current Arabic font. */
html[lang^="ar"] body,
body.rtl {
  font-family: var(--majad-ar-font);
}

/* Arabic single-article content only. */
html[lang^="ar"] .majad-ar-article,
body.rtl .majad-ar-article,
html[lang^="ar"] .single-article-page .article-body > h1,
html[lang^="ar"] .single-article-page .article-body > .lede,
html[lang^="ar"] .single-article-page .article-body > p,
html[lang^="ar"] .single-article-page .article-body > h2,
html[lang^="ar"] .single-article-page .article-body > h3,
html[lang^="ar"] .single-article-page .article-body > h4,
html[lang^="ar"] .single-article-page .article-body > h5,
html[lang^="ar"] .single-article-page .article-body > h6,
html[lang^="ar"] .single-article-page .article-body > ul,
html[lang^="ar"] .single-article-page .article-body > ol,
html[lang^="ar"] .single-article-page .article-body > blockquote,
html[lang^="ar"] .single-article-page .article-body > figure,
html[lang^="ar"] .single-article-page .article-body > table,
html[lang^="ar"] .single-article-page .article-body .majad-ar-article :is(p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,figcaption,table,th,td,strong,b),
body.rtl .single-article-page .article-body > h1,
body.rtl .single-article-page .article-body > .lede,
body.rtl .single-article-page .article-body > p,
body.rtl .single-article-page .article-body > h2,
body.rtl .single-article-page .article-body > h3,
body.rtl .single-article-page .article-body > h4,
body.rtl .single-article-page .article-body > h5,
body.rtl .single-article-page .article-body > h6,
body.rtl .single-article-page .article-body > ul,
body.rtl .single-article-page .article-body > ol,
body.rtl .single-article-page .article-body > blockquote,
body.rtl .single-article-page .article-body > figure,
body.rtl .single-article-page .article-body > table,
body.rtl .single-article-page .article-body .majad-ar-article :is(p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,figcaption,table,th,td,strong,b) {
  font-family: var(--majad-ar-article-font) !important;
  font-style: normal !important;
  font-synthesis: none;
}

/* Regular body copy. */
html[lang^="ar"] .majad-ar-article :is(p,li,blockquote,figcaption,td),
html[lang^="ar"] .single-article-page .article-body > :is(.lede,p,ul,ol,blockquote,figure,table),
html[lang^="ar"] .single-article-page .article-body :is(td,figcaption),
body.rtl .majad-ar-article :is(p,li,blockquote,figcaption,td),
body.rtl .single-article-page .article-body > :is(.lede,p,ul,ol,blockquote,figure,table),
body.rtl .single-article-page .article-body :is(td,figcaption) {
  font-weight: 400 !important;
}

/* Medium subheadings. */
html[lang^="ar"] .majad-ar-article :is(h3,h4,h5,h6),
html[lang^="ar"] .single-article-page .article-body > :is(h3,h4,h5,h6),
body.rtl .majad-ar-article :is(h3,h4,h5,h6),
body.rtl .single-article-page .article-body > :is(h3,h4,h5,h6) {
  font-weight: 500 !important;
}

/* Bold article title, main headings and emphasized text. */
html[lang^="ar"] .majad-ar-article :is(h1,h2,strong,b,th),
html[lang^="ar"] .single-article-page .article-body > :is(h1,h2),
html[lang^="ar"] .single-article-page .article-body :is(strong,b,th),
body.rtl .majad-ar-article :is(h1,h2,strong,b,th),
body.rtl .single-article-page .article-body > :is(h1,h2),
body.rtl .single-article-page .article-body :is(strong,b,th) {
  font-weight: 700 !important;
}


/* V76: Arabic article paragraphs must use PF DIN Regular only. */
html[lang^="ar"] .single-article-page .article-body .majad-ar-article p,
html[dir="rtl"] .single-article-page .article-body .majad-ar-article p,
html[data-ui-lang="ar"] .single-article-page .article-body .majad-ar-article p,
body.rtl .single-article-page .article-body .majad-ar-article p,
html[lang^="ar"] .single-article-page .article-body > p:not(.lede),
html[dir="rtl"] .single-article-page .article-body > p:not(.lede),
html[data-ui-lang="ar"] .single-article-page .article-body > p:not(.lede),
body.rtl .single-article-page .article-body > p:not(.lede) {
  font-family: "Majad PF DIN Text Arabic", "DIN Next Arabic", "DIN Next LT Arabic", Tahoma, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none !important;
}