/* ── Social brand icons ────────────────────────────────────────────────
   Self-hosted replacement for the Font Awesome CDN stylesheet.

   WHY THIS EXISTS
   The site loaded Font Awesome from cdn.jsdelivr.net. Measured on the live
   site, the icons never rendered: no @font-face registered, `content: none`,
   glyph height 0. On the same page load fonts.googleapis.com returned 200
   while jsDelivr, unpkg and cdnjs all failed in 0-2ms — an instant failure,
   which is a blocklist rather than a slow network. curl fetched the identical
   URL fine from the same machine, so it was browser-level blocking. Common
   content blockers list those CDN hosts because trackers are served from them.

   Same-origin means no blocker, no third party receiving visitor IPs, and one
   less entry on the privacy page. It is also far smaller: this file plus the
   webfont replaces a 90 KB stylesheet of which eight glyphs were ever used.

   Font: Font Awesome Free 7.3.1 brands webfont, SIL OFL 1.1.
   Icons: CC BY 4.0 — https://fontawesome.com/license/free
   Codepoints extracted from the 7.3.1 stylesheet; the class names are
   unchanged, so the markup in _social_links.php did not have to move.
   ──────────────────────────────────────────────────────────────────────── */

@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    /* swap, not block: a missing glyph must never hold up the footer. */
    font-display: swap;
    src: url("../fonts/fa-brands-400.woff2") format("woff2");
}

.fa-brands {
    display: inline-block;
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    text-align: center;
    width: 1.25em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-brands::before { content: var(--fa); }

/* Only the eight networks the settings screen offers. Adding a ninth means a
   line here and a line in SiteBranding::NETWORKS. */
.fa-instagram   { --fa: "\f16d"; }
.fa-facebook-f  { --fa: "\f39e"; }
.fa-tiktok      { --fa: "\e07b"; }
.fa-pinterest-p { --fa: "\f231"; }
.fa-youtube     { --fa: "\f167"; }
.fa-x-twitter   { --fa: "\e61b"; }
.fa-linkedin-in { --fa: "\f0e1"; }
.fa-whatsapp    { --fa: "\f232"; }