/* ══════════════════════════════════════════════════════════════════════
   Font Awesome 7 — core consumer rules
   ══════════════════════════════════════════════════════════════════════
   The site loads only two Font Awesome style sheets:

       /fontawesome/css/solid.css   → Classic (Solid)
       /fontawesome/css/brands.css  → Brands

   In Font Awesome 7 those files contain nothing but the @font-face
   declarations, the family/style variables (--fa-family, --fa-style) and
   the per-icon glyph codes (--fa: "\f0d7"). The rules that CONSUME them —
   the `.fa` base class and the ::before that prints the glyph — live in
   Font Awesome's `fontawesome.css`, which is not part of this deployment.

   This file restores just those consumer rules, so
   `<i class="fa-solid fa-cart-shopping"></i>` renders.

   If `fontawesome.css` is ever uploaded to /fontawesome/css/, delete this
   file and link that one instead (§ head.php).
   ══════════════════════════════════════════════════════════════════════ */

.fa,
.fa-solid,
.fa-brands,
.fa-classic,
.fas,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    /* .fa-brands/.fab set --fa-family (brands); solid leaves it unset and
       falls back to the Classic family declared by solid.css. */
    font-family: var(--fa-family, var(--fa-style-family-classic, "Font Awesome 7 Pro"));
    font-style: normal;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-rendering: auto;
}

/* Glyph codes are set per icon class (e.g. .fa-globe { --fa: "\f0ac" }),
   so the generated content must be read from the element itself. */
.fa::before,
.fa-solid::before,
.fa-brands::before,
.fa-classic::before,
.fas::before,
.fab::before {
    content: var(--fa);
}