/**
 * Font Awesome inside mirrored Elementor HTML (Unlimited Elements, custom HTML, icon lists):
 * Elementor / ElementsKit often set `font-family: eicons` on `.elementor-widget i`, which overrides
 * Font Awesome’s ::before ligatures — icons render as empty boxes. Loaded whenever Elementor
 * frontend styles are enqueued (Study in Italy / Germany / France mirrors, etc.).
 *
 * **Germany / France / Scholarship / Student loan / Test preparation** (`body.ke-germany-mirror`, `body.ke-france-mirror`, `body.ke-scholarship-mirror`, `body.ke-student-loan-mirror`, `body.ke-test-preparation-mirror`): horizontal containment
 * like Italy — clip stray overflow from wide Elementor sections without breaking sticky header.
 */
#ke-wp-mirror-root i[class*='fa-'],
#ke-wp-mirror-root span[class*='fa-'] {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#ke-wp-mirror-root i.far,
#ke-wp-mirror-root span.far,
#ke-wp-mirror-root i.fa-regular,
#ke-wp-mirror-root span.fa-regular {
  font-weight: 400 !important;
}

#ke-wp-mirror-root i.fab,
#ke-wp-mirror-root span.fab,
#ke-wp-mirror-root i.fa-brands,
#ke-wp-mirror-root span.fa-brands {
  font-family: 'Font Awesome 6 Brands', 'Font Awesome 5 Brands' !important;
  font-weight: 400 !important;
}

/* Unlimited Elements stacking cards: empty graphic <i> — hide stray box */
#ke-wp-mirror-root .ue_sc_graphic_el i[class=''] {
  display: none;
}

html:has(body.ke-germany-mirror),
body.ke-germany-mirror,
html:has(body.ke-france-mirror),
body.ke-france-mirror,
html:has(body.ke-scholarship-mirror),
body.ke-scholarship-mirror,
html:has(body.ke-student-loan-mirror),
body.ke-student-loan-mirror,
html:has(body.ke-test-preparation-mirror),
body.ke-test-preparation-mirror,
html:has(body.ke-page-imat-wp-mirror),
body.ke-page-imat-wp-mirror {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html:has(body.ke-germany-mirror),
  body.ke-germany-mirror,
  html:has(body.ke-france-mirror),
  body.ke-france-mirror,
  html:has(body.ke-scholarship-mirror),
  body.ke-scholarship-mirror,
  html:has(body.ke-student-loan-mirror),
  body.ke-student-loan-mirror,
  html:has(body.ke-test-preparation-mirror),
  body.ke-test-preparation-mirror,
  html:has(body.ke-page-imat-wp-mirror),
  body.ke-page-imat-wp-mirror {
    overflow-x: clip;
  }
}