/*
 * Brouj storefront icon repair.
 *
 * The colour theme bundles can be rebuilt with an absolute workstation path
 * for Font Awesome.  That leaves the browser with a valid class/content map
 * but no downloadable font, which appears as boxed or missing glyphs.  Keep
 * this small local face authoritative and independent of a third-party CDN.
 */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2") format("woff2"),
         url("/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2") format("woff2"),
         url("/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2") format("woff2"),
         url("/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff") format("woff");
}

/* Both legacy (fa/fas) and newer aliases are used by the header templates. */
.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.far,
.fa-regular {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Keep icon links stable when a theme applies an inherited line-height. */
.header-maxi .fa,
.header-maxi .fas,
.header-maxi .far,
.header-maxi .fab,
.mobile-menu .fa,
.mobile-menu .fas,
.mobile-menu .far,
.mobile-menu .fab,
.sticky-header .fa,
.sticky-header .fas,
.sticky-header .far,
.sticky-header .fab {
    display: inline-block;
    line-height: 1;
}