/* ============================================================
   Font Awesome Pro 7.1.0 — local subset
   Replaces the 14 MB svg-with-js bundle. Ships only the icons
   actually used by Hebrew Today templates (29 glyphs) plus the
   ~250 KB fa-solid-900 webfont, hosted from /static/webfonts/.

   Approach mirrors lite-bedrockexpress: a webfont is declared and
   <i class="fa-solid fa-X"> renders the corresponding glyph via
   the .fa-X::before pseudo-element. No JS replacement step, no
   external CDN call, no svg-with-js bundle.
   ============================================================ */

@font-face {
  font-family: "FA Solid Subset";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/static/webfonts/fa-solid-900.woff2") format("woff2");
}

/* Base — applied to every <i class="fa-solid …"> instance.
   font-style: normal overrides the lesson-skin.css "kill italics"
   rule that targets bare <i>. */
.fa-solid,
.fa-solid::before,
[class*="fa-solid"]::before {
  font-family: "FA Solid Subset";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font-feature-settings: normal;
  font-variant-ligatures: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 1;
  speak: never;
}

.fa-solid::before {
  content: var(--fa, "?");
}

/* Map each used class to its FA Pro codepoint. Add new ones here. */
.fa-arrow-left          { --fa: "\f060"; }
.fa-arrow-right         { --fa: "\f061"; }
.fa-bars                { --fa: "\f0c9"; }
.fa-book                { --fa: "\f02d"; }
.fa-book-open           { --fa: "\f518"; }
.fa-bullseye            { --fa: "\f140"; }
.fa-clock               { --fa: "\f017"; }
.fa-comment-dots        { --fa: "\f4ad"; }
.fa-comments            { --fa: "\f086"; }
.fa-envelope            { --fa: "\f0e0"; }
.fa-eye                 { --fa: "\f06e"; }
.fa-face-frown          { --fa: "\f119"; }
.fa-face-smile          { --fa: "\f118"; }
.fa-font                { --fa: "\f031"; }
.fa-gamepad             { --fa: "\f11b"; }
.fa-hand-wave           { --fa: "\e1a7"; }
.fa-key                 { --fa: "\f084"; }
.fa-lock                { --fa: "\f023"; }
.fa-microphone          { --fa: "\f130"; }
.fa-mobile-screen-button{ --fa: "\f3cd"; }
.fa-party-horn          { --fa: "\e31b"; }
.fa-pen-to-square       { --fa: "\f044"; }
.fa-pencil              { --fa: "\f303"; }
.fa-rocket              { --fa: "\f135"; }
.fa-sparkles            { --fa: "\f890"; }
.fa-star-of-david       { --fa: "\f69a"; }
.fa-trophy              { --fa: "\f091"; }
.fa-volume-high         { --fa: "\f028"; }
.fa-xmark               { --fa: "\f00d"; }

/* aria-hidden helper (FA's stock CSS provides this; we replicate so
   accessibility behavior matches their API). */
.fa-solid[aria-hidden="true"] { speak: never; }
