@import url("https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css");

/* Legacy breadcrumb rules removed. Breadcrumb source of truth: /components/breadcrumb/breadcrumb.css?v=20260710-v6118-31-short-hero-all-devices */
.mdi.schoolep-icon,
.schoolep-icon.mdi,
.subj-icon .mdi,
.subject-chip .i .mdi,
.stream-icon .mdi,
.portal-choice-icon .mdi,
.portal-card-icon .mdi,
.portal-hero-icon .mdi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 1.05em;
}

.level-btn > .fa-centercode,
.level-btn > .mdi,
.res-toggle > .fa-centercode,
.portal-resource-section-title > .fa-centercode {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.subj-icon > .mdi-abjad-arabic,
.subj-icon > .mdi-head-dots-horizontal,
.portal-card-icon > .mdi-abjad-arabic,
.portal-card-icon > .mdi-head-dots-horizontal {
  font-size: 1.42em !important;
  line-height: 1 !important;
  transform: scale(1.06);
  transform-origin: center;
}

svg.schoolep-inline-svg-icon{display:inline-block;fill:currentColor;stroke:none;width:1em;height:1em;overflow:visible;vertical-align:-.08em;flex:0 0 auto}

.subject-chip .i>svg.schoolep-inline-svg-icon,.stream-icon>svg.schoolep-inline-svg-icon,.portal-card-icon>svg.schoolep-inline-svg-icon{width:1em;height:1em}


@media (max-width:720px) {
}


/* V107 — Pictogrammers MDI visibility contract.
   Keep the existing icon names; only guarantee that MDI glyphs render clearly. */
.mdi {
  font-family: "Material Design Icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  line-height: 1 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* V224 — local Font Awesome fallbacks for the three MDI identities used by
   curriculum navigation. These remain visible when the external MDI font is
   blocked, slow, or unavailable. */
.mdi-head-dots-horizontal,
.mdi-abjad-arabic,
.mdi-math-integral {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}
.mdi-head-dots-horizontal::before { content: "" !important; }
.mdi-abjad-arabic::before { content: "" !important; }
.mdi-math-integral::before { content: "" !important; }






/* V229.16 — canonical local glyphs and normalized French subject icon. */
.mdi-abjad-arabic{font-family:"Tajawal","Arial",sans-serif!important;font-style:normal!important;font-weight:900!important;line-height:1!important}
.mdi-abjad-arabic::before{content:"ع"!important;font-family:inherit!important;font-weight:900!important}
.mdi-math-integral{font-family:"Times New Roman",serif!important;font-style:normal!important;font-weight:700!important;line-height:1!important}
.mdi-math-integral::before{content:"∫"!important;font-family:inherit!important;font-weight:700!important}
.schoolep-local-glyph{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1em!important;min-width:1em!important;height:1em!important;line-height:1!important;color:currentColor!important;font-style:normal!important;overflow:visible!important}
.schoolep-arabic-glyph{font-family:"Tajawal","Arial",sans-serif!important;font-weight:900!important}
.schoolep-integral-glyph{font-family:"Times New Roman",serif!important;font-weight:700!important}
.portal-card-icon .fa-font, .portal-choice-icon .fa-font, .subject-chip .i .fa-font, .stream-icon .fa-font, .subj-icon .fa-font, .level-btn .fa-font, .schoolep-resource-hero-bg-glyph.fa-font{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1em!important;min-width:1em!important;height:1em!important;font-size:1em!important;line-height:1!important;color:currentColor!important;-webkit-text-fill-color:currentColor!important;transform:none!important;text-shadow:none!important;overflow:visible!important
}