/*
 * FontAwesome 6 Pro — custom subset for the Retain theme.
 *
 * Replaces the full all.min.css (732 KiB) which was render-blocking on every
 * page (~100 KiB transfer / 1,500 ms in Lighthouse) purely to draw a handful of
 * icons. This file ships only the icon class rules actually used in templates,
 * plus the @font-face declarations the theme's own ::before rules depend on.
 *
 * The webfont files (fa-solid-900 / fa-regular-400 / fa-brands-400) are unchanged
 * and load non-render-blocking, only when an icon is present.
 *
 * Icons used in templates:
 *   solid  (.fa/.fas): arrow-left, arrow-right, bars, check, times (xmark)
 *   regular(.far)    : bullhorn, stopwatch
 *   brands (.fab)    : linkedin-in, twitter, youtube
 * Icons injected via ::before in dist/css/style.css (rules live there, faces here):
 *   FA6 Pro: \f00c \f00d \f107   FA5 Pro: \f017 \f105 \f107
 *
 * If you add a new FontAwesome icon, add its `.fa-name:before { content }` rule
 * here (look it up in all.min.css) or this subset will not render it.
 */

/* ----- @font-face: only the three webfonts the site references ----- */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-solid-900.woff2) format("woff2"),
       url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-solid-900.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),
       url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-regular-400.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-brands-400.woff2) format("woff2"),
       url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-brands-400.ttf) format("truetype");
}
/* Back-compat: the theme CSS references "Font Awesome 5 Pro" (clock, chevrons).
 * The previous all.min.css never defined this face, so those icons relied on a
 * system fallback. Map it onto the FA6 webfonts (legacy PUA codepoints are
 * retained in FA6) so the markup resolves to real glyphs. */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-solid-900.woff2) format("woff2"),
       url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-solid-900.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),
       url(/themes/custom/retain/lib/fontawesome/css/../webfonts/fa-regular-400.ttf) format("truetype");
}

/* ----- base rendering (mirrors all.min.css) ----- */
.fa, .fas, .fa-solid,
.far, .fa-regular,
.fab, .fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa, .fas, .fa-solid { font-family: "Font Awesome 6 Pro"; font-weight: 900; }
.far, .fa-regular   { font-family: "Font Awesome 6 Pro"; font-weight: 400; }
.fab, .fa-brands    { font-family: "Font Awesome 6 Brands"; font-weight: 400; }

/* ----- icon glyphs used in templates ----- */
.fa-arrow-left:before  { content: "\2190"; }
.fa-arrow-right:before { content: "\2192"; }
.fa-bars:before        { content: "\f0c9"; }
.fa-check:before       { content: "\2713"; }
/* xmark / its FA aliases — used in CKEditor content (e.g. .text-icon-field) */
.fa-times:before,
.fa-xmark:before,
.fa-close:before,
.fa-remove:before      { content: "\f00d"; }
.fa-bullhorn:before    { content: "\1f4e2"; }
.fa-stopwatch:before   { content: "\23f1"; }
.fa-linkedin-in:before { content: "\f0e1"; }
.fa-twitter:before     { content: "\f099"; }
.fa-youtube:before     { content: "\f167"; }