/*!
 * Font Awesome 6 Free — Project Subset
 * Only includes icons used in holiday-frontend:
 *   Solid:  fa-bars, fa-star, fa-quote-left, fa-quote-right, fa-chevron-down
 *   Brands: fa-facebook, fa-twitter, fa-pinterest, fa-youtube, fa-linkedin,
 *           fa-instagram, fa-google-play, fa-apple, fa-amazon, fa-microsoft
 *
 * Self-hosted woff2 fonts from @fortawesome/fontawesome-free.
 * Full license: https://fontawesome.com/license/free (Icons: CC BY 4.0)
 */

/* ── Font Face Declarations ───────────────────────────────────────────── */

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  /* [MB-4] swap: show fallback character immediately instead of hiding for 3s.
     'block' was causing icon glyphs to be invisible until font loads.
     PageSpeed flagged this as 190ms FCP savings. */
  font-display: swap;
  src: url('./webfonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* [MB-4] same as above — show fallback, then swap */
  src: url('./webfonts/fa-brands-400.woff2') format('woff2');
}

/* ── Base Classes ─────────────────────────────────────────────────────── */

.fa,
.fa-solid,
.fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

/* ── Solid Icons ──────────────────────────────────────────────────────── */

/* Navbar hamburger — navbar.svelte */
.fa-bars::before {
  content: "\f0c9";
}

/* Reviews — reviewcard.svelte, reviewgrid.svelte */
.fa-star::before {
  content: "\f005";
}

/* App detail page — apps/[slug]/+page.svelte, amp/[slug]/+page.svelte */
.fa-quote-left::before {
  content: "\f10d";
}

.fa-quote-right::before {
  content: "\f10e";
}

/* Contact form dropdowns — contact.svelte (.fa class) */
.fa-chevron-down::before {
  content: "\f078";
}

/* ── Brand Icons ──────────────────────────────────────────────────────── */

/* Footer social links — footer.svelte */
.fa-facebook::before {
  content: "\f09a";
}

.fa-twitter::before {
  content: "\f099";
}

.fa-pinterest::before {
  content: "\f0d2";
}

.fa-youtube::before {
  content: "\f167";
}

.fa-linkedin::before {
  content: "\f08c";
}

.fa-instagram::before {
  content: "\f16d";
}

/* Share buttons — Sharepost.svelte */
/* (fa-facebook, fa-twitter, fa-linkedin already above) */

/* Reviews platform badge — reviewcard.svelte, reviewgrid.svelte */
.fa-google-play::before {
  content: "\f3ab";
}

/* App store badges — appcard.svelte */
.fa-apple::before {
  content: "\f179";
}

.fa-amazon::before {
  content: "\f270";
}

.fa-microsoft::before {
  content: "\f3ca";
}