/* Tailored Media: TRUE Font Awesome subset for Archee */

/* --------------------------------------------------
   Keep Archee’s expected font names
   -------------------------------------------------- */

/* Solid weight (burger, X, moon, play, arrow, clock) */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/wp-content/themes/archee-child/assets/fonts/fontawesome-lite/fa-solid-900.subset.woff2") format("woff2");
}

/* Regular weight (angle-up, brightness if used as regular in your theme) */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/archee-child/assets/fonts/fontawesome-lite/fa-regular-400.subset.woff2") format("woff2");
}

/* Brands (Instagram) */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/archee-child/assets/fonts/fontawesome-lite/fa-brands-400.subset.woff2") format("woff2");
}

/* --------------------------------------------------
   Map ONLY the icons you actually use
   -------------------------------------------------- */

.fa-bars:before        { content: "\f0c9"; } /* burger */
.fa-xmark:before       { content: "\f00d"; } /* close X */
.fa-angle-up:before    { content: "\f106"; } /* back-to-top arrow */
.fa-clock:before       { content: "\f017"; } /* clock */
.fa-instagram:before   { content: "\f16d"; } /* Instagram */
.fa-play:before        { content: "\f04b"; } /* play button */
.fa-arrow-right:before { content: "\f061"; } /* arrow */
.fa-moon:before        { content: "\f186"; } /* moon */
.fa-brightness:before  { content: "\e0c9"; } /* brightness */

/* --------------------------------------------------
   Make sure Archee uses these fonts
   -------------------------------------------------- */

.fa-solid, .fas {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.fa-regular, .far {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}

.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

/* Ensure pseudo elements actually render */
.fa-solid::before, .fa-regular::before, .fa-brands::before,
.fas::before, .far::before, .fab::before,
.fa::before {
  display: inline-block;
  text-rendering: auto;
}

/* -----------------------------------------
   Fix skewed/italic icons (theme <i> styles)
   ----------------------------------------- */
i.fa, i.fas, i.far, i.fab,
i.fa-solid, i.fa-regular, i.fa-brands,
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands {
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* If any icons use older markup like <i class="fa fa-bars"> */
.fa {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 900 !important;
}