/*
 * phosphor-fill.css - Phosphor "Fill" weight (@phosphor-icons/web 2.1.2, same
 * release as phosphor.css). All 1,530 codepoints are identical to the Regular
 * font, so filling an icon is only a font-family swap: the existing
 * `.ph.ph-<name>:before` and icon-aliases.css `content` rules stay as they are.
 *
 * Convention: Regular (outline) everywhere; Fill only marks the CURRENT /
 * SELECTED item (current sidebar page, active tab or pill). For other places,
 * write the markup as `ph ph-fill ph-<name>`.
 *
 * Load AFTER phosphor.css and icon-aliases.css (see includes/head.php).
 * "Phosphor" is the fallback, so if this font fails to load the icon shows as
 * an outline instead of disappearing.
 * To roll back: remove the <link> in includes/head.php.
 */
@font-face {
  font-family: "Phosphor-Fill";
  src: url("./Phosphor-Fill.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Opt-in utility: <i class="ph ph-fill ph-house"></i> */
.ph.ph-fill,
.ph-fill:before {
  font-family: "Phosphor-Fill", "Phosphor" !important;
}

/*
 * Active / selected states.
 * Sidebar: only the current page (li.active / a.active / aria-current), not a
 * parent that metisMenu marks mm-active just because it is expanded.
 * `.ph` sets font-family on the element; the legacy alias families
 * (mdi/fa/bi/ion/glyphicon) set it on :before, so both are covered.
 * Never touch .menu-arrow (chevrons stay outline).
 */
#sidebar-menu li.active > a > i.ph,
#sidebar-menu a.active > i.ph,
#sidebar-menu a[aria-current="page"] > i.ph,
.nav-tabs .nav-link.active > i.ph,
.nav-pills .nav-link.active > i.ph,
.nav-tabs > li.active > a > i.ph,
.nav-pills > li.active > a > i.ph {
  font-family: "Phosphor-Fill", "Phosphor" !important;
}

#sidebar-menu li.active > a > i:is(.mdi, .fa, .fas, .far, .fa-solid, .fa-regular, .bi, .ion, .glyphicon):before,
#sidebar-menu a.active > i:is(.mdi, .fa, .fas, .far, .fa-solid, .fa-regular, .bi, .ion, .glyphicon):before,
#sidebar-menu a[aria-current="page"] > i:is(.mdi, .fa, .fas, .far, .fa-solid, .fa-regular, .bi, .ion, .glyphicon):before,
.nav-tabs .nav-link.active > i:is(.mdi, .fa, .fas, .far, .fa-solid, .fa-regular, .bi, .ion, .glyphicon):before,
.nav-pills .nav-link.active > i:is(.mdi, .fa, .fas, .far, .fa-solid, .fa-regular, .bi, .ion, .glyphicon):before,
.nav-tabs > li.active > a > i:is(.mdi, .fa, .fas, .far, .fa-solid, .fa-regular, .bi, .ion, .glyphicon):before,
.nav-pills > li.active > a > i:is(.mdi, .fa, .fas, .far, .fa-solid, .fa-regular, .bi, .ion, .glyphicon):before {
  font-family: "Phosphor-Fill", "Phosphor" !important;
}