/* ========================================================
   MULTAQA AD-DAWLI GLOBAL TYPOGRAPHY
   Unified Font Family: Plus Jakarta Sans
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&display=swap');

:root {
  --e-global-typography-primary-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  --e-global-typography-secondary-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  --e-global-typography-text-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  --e-global-typography-accent-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  --font-serif: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  --default-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
}

/* Global Font Override across all standard HTML & Elementor components */
html,
body,
input,
button,
select,
textarea,
h1, h2, h3, h4, h5, h6,
p, span, a, li, ul, ol,
div, section, article, header, footer, nav,
table, th, td, label, blockquote,
.elementor-heading-title,
.elementor-nav-menu,
.elementor-nav-menu a,
.elementor-item,
.elementor-sub-item,
.elementor-button,
.elementor-button-text,
.elementor-widget-container,
.elementor-post__title,
.elementor-post__excerpt,
.elementor-post__meta-data,
.elementor-icon-box-title,
.elementor-icon-box-description,
.elementor-counter-number,
.elementor-counter-title,
.elementor-toggle-title,
.elementor-tab-title,
.elementor-testimonial__text,
.elementor-testimonial__name,
.elementor-testimonial__title {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ========================================================
   DIWANI ARABIC CALLIGRAPHY FONT DEFINITIONS
   ======================================================== */
@font-face {
  font-family: 'Diwani';
  src: url('fonts/diwani-letter.woff2') format('woff2'),
       url('fonts/diwani-letter.woff') format('woff'),
       url('fonts/diwani-letter.ttf') format('truetype'),
       url('https://db.onlinewebfonts.com/t/09a2b2476bae6681a86d24e43bfc781b.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Diwani Letter';
  src: url('fonts/diwani-letter.woff2') format('woff2'),
       url('fonts/diwani-letter.woff') format('woff'),
       url('fonts/diwani-letter.ttf') format('truetype'),
       url('https://db.onlinewebfonts.com/t/09a2b2476bae6681a86d24e43bfc781b.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Arabic Text font preservation - Updated to Diwani */
.font-arabic, [lang="ar"], .about-arabic-title, [dir="rtl"] {
  font-family: 'Diwani', 'Diwani Letter', 'Amiri', 'Traditional Arabic', serif !important;
  font-size: clamp(28px, 3.8vw, 44px);
  line-height: 1.5;
}

/* Strict Preservation for Icon Fonts */
.fa, .fas, .far, .fab, .fal, .fad,
[class^="fa-"], [class*=" fa-"],
[class^="eicon-"], [class*=" eicon-"],
.eicon, .eicons,
[class^="jkiticon-"], [class*=" jkiticon-"],
.jkiticon,
i[class*="icon"],
svg, svg * {
  font-family: inherit;
}

.fa, .fas, .far, .fal, .fad,
[class*="fa-"]:not([class*="fab-"]) {
  font-family: "Font Awesome 5 Free", fontAwesome !important;
}

.fab, [class*="fab-"] {
  font-family: "Font Awesome 5 Brands", fontAwesome !important;
}

[class*="eicon"] {
  font-family: "eicons" !important;
}

[class*="jkiticon"] {
  font-family: "jkiticon" !important;
}

/* Ensure only ONE arrow icon is shown on dropdown menus */
.elementor-nav-menu .sub-arrow + .sub-arrow,
.elementor-nav-menu .sub-arrow svg,
.elementor-nav-menu svg.e-fas-caret-down {
  display: none !important;
}
