/* =========================================================================
   FAISAL PREMIUM 2026 — GLOBAL TYPOGRAPHY ENFORCEMENT
   Forces Cairo across the ENTIRE site (theme + Elementor) and overrides any
   remaining "Roboto" / default sans-serif. Loaded last so it always wins.
   font-display:swap is used by the Google Fonts request (prevents FOIT/FOUT).
   ========================================================================= */

/* Map Elementor's global typography variables to Cairo so every Elementor
   widget that inherits the global font uses Cairo automatically. */
:root,
.elementor-kit-default,
body{
  --e-global-typography-primary-font-family:'Cairo';
  --e-global-typography-secondary-font-family:'Cairo';
  --e-global-typography-text-font-family:'Cairo';
  --e-global-typography-accent-font-family:'Cairo';
  --font:'Cairo','Segoe UI',Tahoma,sans-serif;
}

/* Global base: everything inherits Cairo unless it is an icon font. */
html,
body,
button,
input,
select,
textarea,
optgroup,
.elementor,
.elementor-widget,
.elementor-widget-container,
.elementor-element{
  font-family:'Cairo','Segoe UI',Tahoma,sans-serif;
}

/* Catch-all: any element whose font is left at the default/Roboto inherits Cairo.
   We DON'T touch Font Awesome / icon spans (excluded below). */
body :where(h1,h2,h3,h4,h5,h6,p,span,a,li,label,div,strong,em,small,blockquote,
  th,td,figcaption,.btn,.menu-link,.card__title,.card__text,.section-title,
  .section-label,.hero h1,.hero p,.faisal-page-content,.faisal-academy-page,
  .elementor-heading-title,.elementor-button,.elementor-widget-text-editor,
  .elementor-widget-heading,.elementor-widget-button){
  font-family:'Cairo','Segoe UI',Tahoma,sans-serif;
}

/* Preserve icon fonts — never override Font Awesome glyph rendering. */
i.fa,i.fas,i.far,i.fab,i.fa-solid,i.fa-regular,i.fa-brands,
.fa,.fas,.far,.fab,
[class^="fa-"],[class*=" fa-"]{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";
}
i.fa-brands,i.fab,[class*="fa-brands"]{font-family:"Font Awesome 6 Brands"!important}

/* Hard override: if anything still requests Roboto, swap to Cairo. */
[style*="Roboto"],
[style*="roboto"]{font-family:'Cairo','Segoe UI',Tahoma,sans-serif!important}