/* Wasla Typography QA v2.3.4 - targeted font-family normalization only.
   Basis: 2026-10-24 typography audit (24 URL x 3 viewports).
   Do not change font size, weight, line-height, spacing, layout or colors.
   The original Indofact visual hierarchy remains intact. */

/* Arabic primary navigation: Poppins has no Arabic glyphs, leading to
   system-font fallback while the rest of the site uses Cairo. */
body.mep-direction-rtl .header6.mep-site-header #main-navigation .navbar-nav > li > a,
body.mep-direction-rtl .header6.mep-site-header #main-navigation .sub-menu a {
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
}

/* The four footer titles used Poppins in both languages; keep that look
   in English but use the Arabic display family for Arabic titles. */
body.mep-direction-rtl .footer1 .mep-footer-grid .mep-footer-column .widget_title {
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
}

/* The Arabic project filter declared IBM Plex Sans Arabic via an RTL
   preparation stylesheet, although Chromium rendered Cairo. Align the
   computed family with the actual family to avoid browser-dependent fallback. */
body.mep-direction-rtl .ipe-projects-app .ipe-filter-bar :is(select, button, input),
body.mep-direction-rtl .ipe-projects-app .ipe-filter-bar label,
body.mep-direction-rtl .ipe-projects-app .ipe-filter-bar .ipe-filter-reset {
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
}

/* Elementor stores per-widget font selections on the home page. Scope
   overrides to the actual front page, and never touch icon font glyphs. */
body.home.mep-direction-rtl .elementor-widget-heading .elementor-heading-title,
body.home.mep-direction-rtl .elementor-widget-heading .elementor-heading-title :is(span, strong, em):not(.fa):not(.fas):not(.far):not(.fab),
body.home.mep-direction-rtl .elementor-widget-text-editor :is(p, li, strong),
body.home.mep-direction-rtl .elementor-widget-text-editor span:not(.fa):not(.fas):not(.far):not(.fab):not(.elementor-icon):not([class*="icon"]),
body.home.mep-direction-rtl .elementor-widget-icon-box :is(.elementor-icon-box-title, .elementor-icon-box-description, .elementor-icon-box-title a),
body.home.mep-direction-rtl .elementor-widget-icon-list .elementor-icon-list-text,
body.home.mep-direction-rtl .elementor-widget-button .elementor-button-text,
body.home.mep-direction-rtl .elementor-widget-accordion :is(.elementor-tab-title, .elementor-tab-title a, .elementor-tab-content, .elementor-tab-content p),
body.home.mep-direction-rtl .elementor-element[data-id="2eb879e"] :is(a, p),
body.home.mep-direction-rtl .elementor-element[data-id="ef121bf"] span,
body.home.mep-direction-rtl .elementor-element[data-id="ae700e6"] span,
body.home.mep-direction-rtl .ihs-coordination :is(h2, h3, p, li, a) {
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
}

/* English home: keep the existing Poppins heading / Open Sans body hierarchy.
   Target only the FAQ and small Hero labels where the Elementor kit fell
   back to Roboto. */
body.home.mep-direction-ltr .elementor-widget-heading .elementor-heading-title,
body.home.mep-direction-ltr .elementor-widget-heading .elementor-heading-title :is(span, strong),
body.home.mep-direction-ltr .elementor-element[data-id="2eb879e"] a {
  font-family: 'Poppins', Arial, sans-serif;
}
body.home.mep-direction-ltr .elementor-element[data-id="2eb879e"] p,
body.home.mep-direction-ltr .elementor-element[data-id="ef121bf"] span,
body.home.mep-direction-ltr .elementor-element[data-id="ae700e6"] span {
  font-family: 'Open Sans', Arial, sans-serif;
}

/* English page section headings were inconsistently inheriting Open Sans.
   These are only the identified Wasla content templates, not global HTML
   headings, the theme header/footer, or Elementor icon pseudo-elements. */
body.mep-direction-ltr :is(
  .iab-page, .iab-hero,
  .imep-services-page, .imep-service-detail, .imep-hero, .imep-service-hero,
  .isec-page, .isec-detail, .isec-hero,
  .ipe-single-project,
  .mep-articles, .mep-article-section, .mep-article-hero, .mep-article-cta
) :is(h1, h2, h3, h4) {
  font-family: 'Poppins', Arial, sans-serif;
}
