/* Amiri */
@font-face {
  font-family: "AmiriCustom";
  src: url("../fonts/amiri/Amiri-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AmiriCustom";
  src: url("../fonts/amiri/Amiri-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AmiriCustom";
  src: url("../fonts/amiri/Amiri-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AmiriCustom";
  src: url("../fonts/amiri/Amiri-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/* Playfair */
@font-face {
  font-family: "PlayfairCustom";
  src: url("../fonts/playfair/Playfair-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PlayfairCustom";
  src: url("../fonts/playfair/Playfair-Italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "PlayfairCustom";
  src: url("../fonts/playfair/Playfair-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PlayfairCustom";
  src: url("../fonts/amiri/Playfair-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: "Lateef";
  src: url("../fonts/lateef/LateefFont-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================
   English base font
========================= */

html[lang^="en"] body {
  font-family: "PlayfairCustom", system-ui, sans-serif !important;
  font-weight: 400;
}

/* English headings */
html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
html[lang^="en"] h4,
html[lang^="en"] h5,
html[lang^="en"] h6,
html[lang^="en"] .elementor-heading-title,
html[lang^="en"] .elementor-heading-title * {
  font-family: "PlayfairCustom", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  line-height: 1.15;
}

/* English heading sizes */
html[lang^="en"] h1,
html[lang^="en"] .elementor-widget-heading h1.elementor-heading-title {
  font-size: 4.5rem;
}

html[lang^="en"] h2,
html[lang^="en"] .elementor-widget-heading h2.elementor-heading-title {
  font-size: 3rem;
}

html[lang^="en"] h3,
html[lang^="en"] .elementor-widget-heading h3.elementor-heading-title {
  font-size: 2.25rem;
}

html[lang^="en"] h4,
html[lang^="en"] .elementor-widget-heading h4.elementor-heading-title {
  font-size: 1.75rem;
}

html[lang^="en"] h5,
html[lang^="en"] .elementor-widget-heading h5.elementor-heading-title {
  font-size: 1.25rem;
}

html[lang^="en"] h6,
html[lang^="en"] .elementor-widget-heading h6.elementor-heading-title {
  font-size: 1rem;
}

/* English normal text */
html[lang^="en"] p,
html[lang^="en"] li,
html[lang^="en"] a,
html[lang^="en"] button,
html[lang^="en"] input,
html[lang^="en"] textarea,
html[lang^="en"] .elementor-widget-text-editor,
html[lang^="en"] .elementor-widget-text-editor *,
html[lang^="en"] .elementor-button,
html[lang^="en"] .elementor-button-text,
html[lang^="en"] .elementor-nav-menu a,
html[lang^="en"] .elementor-icon-list-text {
  font-family: "PlayfairCustom", system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 1.125rem;
}


/* =========================
   Arabic base font
========================= */

html[lang^="ar"] body {
  font-family: "AmiriCustom", serif !important;
  font-weight: 400;
}

/* Arabic headings */
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"] .elementor-heading-title,
html[lang^="ar"] .elementor-heading-title * {
  font-family: "AmiriCustom", serif !important;
  font-weight: 700 !important;
  font-style: normal;
  line-height: 1.25;
}

/* Arabic heading sizes */
html[lang^="ar"] h1,
html[lang^="ar"] .elementor-widget-heading h1.elementor-heading-title {
  font-size: 4.5rem;
}

html[lang^="ar"] h2,
html[lang^="ar"] .elementor-widget-heading h2.elementor-heading-title {
  font-size: 3rem;
}

html[lang^="ar"] h3,
html[lang^="ar"] .elementor-widget-heading h3.elementor-heading-title {
  font-size: 2.25rem;
}

html[lang^="ar"] h4,
html[lang^="ar"] .elementor-widget-heading h4.elementor-heading-title {
  font-size: 1.75rem;
}

html[lang^="ar"] h5,
html[lang^="ar"] .elementor-widget-heading h5.elementor-heading-title {
  font-size: 1.25rem;
}

html[lang^="ar"] h6,
html[lang^="ar"] .elementor-widget-heading h6.elementor-heading-title {
  font-size: 1rem;
}

/* Arabic normal text */
html[lang^="ar"] p,
html[lang^="ar"] li,
html[lang^="ar"] a,
html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] .elementor-widget-text-editor,
html[lang^="ar"] .elementor-widget-text-editor *,
html[lang^="ar"] .elementor-button,
html[lang^="ar"] .elementor-button-text,
html[lang^="ar"] .elementor-nav-menu a,
html[lang^="ar"] .elementor-icon-list-text {
  font-family: "AmiriCustom", serif !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 1.375rem;
}


/* =========================
   Utility classes
   These change only font style/weight,
   not font size.
========================= */

/* English italic */
.en-italic,
.en-italic :where(p, span, a, li, button, input, textarea, .elementor-heading-title, .elementor-button-text, .elementor-icon-list-text) {
  font-family: "PlayfairCustom", system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

/* English bold italic */
.en-bolditalic,
.en-bolditalic :where(p, span, a, li, button, input, textarea, .elementor-heading-title, .elementor-button-text, .elementor-icon-list-text) {
  font-family: "PlayfairCustom", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
}

/* Arabic italic */
.ar-italic,
.ar-italic :where(p, span, a, li, button, input, textarea, .elementor-heading-title, .elementor-button-text, .elementor-icon-list-text) {
  font-family: "AmiriCustom", serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

/* Arabic bold italic */
.ar-bolditalic,
.ar-bolditalic :where(p, span, a, li, button, input, textarea, .elementor-heading-title, .elementor-button-text, .elementor-icon-list-text) {
  font-family: "AmiriCustom", serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
}
/* Arabic bold italic */
.ar-bold,
.ar-bold :where(p, span, a, li, button, input, textarea, .elementor-heading-title, .elementor-button-text, .elementor-icon-list-text) {
  font-family: "AmiriCustom", serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
/* Arabic special font override */
html[lang] body .super-arabic,
html[lang] body .super-arabic *,
html[lang] body .super-arabic *::before,
html[lang] body .super-arabic *::after {
  font-family: "Lateef", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}