/* Explicit icon fallback — bypasses FA7's `content: var(--fa) / ""` trick,
   which fails on some mobile browsers and renders as missing-glyph crosses.
   We declare only the glyphs actually used on the site. */

.fa-solid, .fas {
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased;
}
.fa-regular, .far {
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}
.fa-brands, .fab {
    font-family: "Font Awesome 7 Brands", "Font Awesome 6 Brands", "Font Awesome 5 Brands", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Reset FA7's var-based content so the explicit rules below win without
   specificity wars. */
.fa::before,
.fas::before, .far::before, .fab::before,
.fa-solid::before, .fa-regular::before, .fa-brands::before, .fa-classic::before {
    font-family: inherit;
}

.fa-earth-americas::before, .fa-globe-americas::before { content: "\f57d"; }
.fa-globe::before                                       { content: "\f0ac"; }
.fa-chevron-down::before                                { content: "\f078"; }
.fa-search::before                                      { content: "\f002"; }
.fa-angles-down::before                                 { content: "\f103"; }
.fa-angles-up::before                                   { content: "\f102"; }
.fa-circle-plus::before, .fa-plus-circle::before        { content: "\f055"; }
.fa-circle-info::before, .fa-info-circle::before        { content: "\f05a"; }
.fa-circle-notch::before                                { content: "\f1ce"; }
.fa-copy::before                                        { content: "\f0c5"; }
.fa-exclamation-triangle::before,
.fa-triangle-exclamation::before,
.fa-warning::before                                     { content: "\f071"; }
.fa-spinner::before                                     { content: "\f110"; }
.fa-xmark::before, .fa-times::before                    { content: "\f00d"; }

/* Spin animation (FA provides it but belt-and-suspenders). */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}