/* ──────────────────────────────────────────────────────────
 * Font Awesome 7 Pro — local face overrides
 *
 * Load AFTER the FA stylesheet from cdnjs. The CDN file ships the
 * class → codepoint map; this file redirects each weight to our
 * licensed Pro .otf files and unlocks the `fa-thin` / `fa-light`
 * weights the Free kit doesn't provide.
 *
 *   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
 *   <link rel="stylesheet" href="../assets/fontawesome.css"/>
 *
 * Usage is unchanged:
 *   <i class="fa-thin fa-envelope"></i>     weight 100  (Pro)
 *   <i class="fa-light fa-envelope"></i>    weight 300  (Pro)
 *   <i class="fa-regular fa-envelope"></i>  weight 400
 *   <i class="fa-solid fa-envelope"></i>    weight 900
 * ──────────────────────────────────────────────────────── */

/* Point every FA family at our Pro files, by weight. The `local()`
 * first-pass keeps things fast if the user already has it installed. */

/* Thin (100) — Pro only */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: local("Font Awesome 7 Pro Thin"),
       url("fonts/fa7-pro-thin-100.otf") format("opentype");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: local("Font Awesome 7 Pro Thin"),
       url("fonts/fa7-pro-thin-100.otf") format("opentype");
}

/* Light (300) — Pro only */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: local("Font Awesome 7 Pro Light"),
       url("fonts/fa7-pro-light-300.otf") format("opentype");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: local("Font Awesome 7 Pro Light"),
       url("fonts/fa7-pro-light-300.otf") format("opentype");
}

/* Regular (400) */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local("Font Awesome 7 Pro Regular"),
       url("fonts/fa7-pro-regular-400.otf") format("opentype");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local("Font Awesome 7 Pro Regular"),
       url("fonts/fa7-pro-regular-400.otf") format("opentype");
}

/* Solid (900) */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: local("Font Awesome 7 Pro Solid"),
       url("fonts/fa7-pro-solid-900.otf") format("opentype");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: local("Font Awesome 7 Pro Solid"),
       url("fonts/fa7-pro-solid-900.otf") format("opentype");
}

/* Make `.fa-thin` and `.fa-light` resolve. The Free kit doesn't ship
 * these weight aliases — add them so authors can write
 * <i class="fa-light fa-..."> instead of { font-weight: 300 } inline. */
.fa-thin, .fal.fa-thin       { font-weight: 100; font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; }
.fa-light, .fal              { font-weight: 300; font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; }