/**
 * FontAwesome 6 Subset - Minimal icon set for simracingcockpit.gg
 *
 * Replaces the full FA6 library (~300KB CSS + ~360KB fonts = 660MB bandwidth)
 * with a subset containing only the 10 icons actually used on the site.
 * Subset fonts total ~2.2KB combined.
 *
 * Solid icons:  search/magnifying-glass, circle-xmark, circle-info, rss, envelope
 * Brand icons:  facebook, pinterest, instagram, youtube, linkedin
 *
 * Generated 2026-02-09 using pyftsubset (fonttools)
 * Source: Font Awesome Free 6.2.4 (CC BY 4.0 / SIL OFL 1.1 / MIT)
 */

/* ==========================================================================
   @font-face declarations - subset fonts
   ========================================================================== */

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/fa-subset/fa-solid-900-subset.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/fa-subset/fa-brands-400-subset.woff2") format("woff2");
}

/* Legacy alias used by Zakra theme CSS (style.css, woocommerce.css) */
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/fa-subset/fa-solid-900-subset.woff2") format("woff2");
}

/* ==========================================================================
   Base icon classes
   ========================================================================== */

.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* Size modifiers */
.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; }

/* ==========================================================================
   Icon definitions - Solid (fa-solid-900)
   ========================================================================== */

/* Search / Magnifying Glass - used by .widget_search in style.css */
.fa-magnifying-glass:before,
.fa-search:before {
    content: "\f002";
}

/* Circle Xmark - used by .woocommerce-error in woocommerce.css */
.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
    content: "\f057";
}

/* Circle Info - used by .woocommerce-info/.woocommerce-message in woocommerce.css */
.fa-circle-info:before,
.fa-info-circle:before {
    content: "\f05a";
}

/* RSS - used in header/footer social icons */
.fa-rss:before,
.fa-feed:before {
    content: "\f09e";
}

/* Envelope - used in header/footer social icons */
.fa-envelope:before {
    content: "\f0e0";
}

/* ==========================================================================
   Icon definitions - Brands (fa-brands-400)
   ========================================================================== */

/* Facebook */
.fa-facebook:before,
.fa-facebook-f:before {
    content: "\f09a";
}

/* Pinterest */
.fa-pinterest:before,
.fa-pinterest-p:before {
    content: "\f0d2";
}

/* Instagram */
.fa-instagram:before {
    content: "\f16d";
}

/* YouTube */
.fa-youtube:before {
    content: "\f167";
}

/* LinkedIn */
.fa-linkedin:before,
.fa-linkedin-in:before {
    content: "\f08c";
}

/* Threads */
.fa-threads:before {
    content: "\e618";
}