/*
 * font-display-fix.css
 * Add this file to your project and include it in head.blade.php
 * OR paste these rules directly into your main.css
 *
 * This overrides the @font-face declarations in:
 *   - frontend/assets/vendor/fontawesome-free/css/all.min.css
 *   - frontend/assets/vendor/bootstrap-icons/bootstrap-icons.css
 *
 * Adding font-display: swap tells the browser to show text immediately
 * in a fallback font while the icon font loads, instead of hiding text.
 * This fixes the FCP penalty from font blocking.
 *
 * Estimated savings: ~250ms on FCP (160ms FA + 90ms Bootstrap Icons)
 */

/* ── Font Awesome 6 ─────────────────────────────────────────────── */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2"),
       url("../vendor/fontawesome-free/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fontawesome-free/webfonts/fa-regular-400.woff2") format("woff2"),
       url("../vendor/fontawesome-free/webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2"),
       url("../vendor/fontawesome-free/webfonts/fa-brands-400.ttf") format("truetype");
}

/* ── Bootstrap Icons ────────────────────────────────────────────── */
@font-face {
  font-family: "bootstrap-icons";
  font-display: swap;
  src: url("../vendor/bootstrap-icons/fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83986e") format("woff2"),
       url("../vendor/bootstrap-icons/fonts/bootstrap-icons.woff?24e3eb84d0bcaf83986e") format("woff");
}