/* P4-#067 — Custom FPVR icon subset (replaces font-awesome/6.7.1/all.min.css ~78kB)
 * Contains ONLY the 23 icons referenced in the live theme:
 *   solid (17):  arrow-right-long · bell · check · chevron-down · download · filter
 *                · heart · link · lock · magnifying-glass · plus · right-long
 *                · share-from-square · thumbs-up · user · vr-cardboard · xmark
 *   brands (6):  facebook-f · instagram · reddit · reddit-alien · tumblr · twitter
 *
 * If you add a new `<i class="fa-…">` in templates, you must:
 *   1. Add its `.fa-NAME::before { content: "\\XXXX"; }` line below
 *   2. (Optionally) verify the glyph exists in the bundled fa-solid-900.woff2 or fa-brands-400.woff2
 *
 * Total CSS bytes: ~2.5 kB. Self-hosted woff2 files at ./fonts/fa/.
 */

/* Base classes — match Font Awesome's behavior for backwards compatibility with existing markup */
.fa, .fas, .fa-solid,
.far, .fa-regular,
.fab, .fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* Font face declarations */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('./fonts/fa/fa-solid-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('./fonts/fa/fa-brands-400.woff2') format('woff2');
}

/* Style switchers */
.fa, .fas, .fa-solid { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.fab, .fa-brands     { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }

/* Common helpers used in theme */
.fa-fw    { text-align: center; width: 1.25em; }
.fa-2x    { font-size: 2em; }
.fa-spin  { animation: fa-spin 2s infinite linear; }
@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* ICON GLYPHS — Solid */
.fa-arrow-right-long::before,
.fa-long-arrow-right::before  { content: "\f178"; }
.fa-bell::before               { content: "\f0f3"; }
.fa-check::before              { content: "\f00c"; }
.fa-chevron-down::before       { content: "\f078"; }
.fa-download::before           { content: "\f019"; }
.fa-filter::before             { content: "\f0b0"; }
.fa-heart::before              { content: "\f004"; }
.fa-link::before               { content: "\f0c1"; }
.fa-lock::before               { content: "\f023"; }
.fa-magnifying-glass::before,
.fa-search::before             { content: "\f002"; }
.fa-plus::before               { content: "\2b"; }
.fa-right-long::before         { content: "\f30b"; }
.fa-share-from-square::before,
.fa-share-square::before       { content: "\f14d"; }
.fa-thumbs-up::before          { content: "\f164"; }
.fa-user::before               { content: "\f007"; }
.fa-vr-cardboard::before       { content: "\f729"; }
.fa-xmark::before              { content: "\f00d"; }

/* ICON GLYPHS — Brands */
.fa-facebook-f::before { content: "\f39e"; }
.fa-instagram::before  { content: "\f16d"; }
.fa-reddit::before     { content: "\f1a1"; }
.fa-reddit-alien::before { content: "\f281"; }
.fa-tumblr::before     { content: "\f173"; }
.fa-twitter::before    { content: "\f099"; }