/* ═══════════════════════════════════════════
   THE ERICA EDIT — SELF-HOSTED FONTS
   Each weight gets its own unique font-family name
   to avoid WebKit/Safari font-matching bugs where
   multiple @font-face blocks sharing one family name
   can resolve to the wrong weight or fall back silently.
═══════════════════════════════════════════ */

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/barlow-condensed-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('../fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../fonts/barlow-condensed-latin-900-normal.woff2') format('woff2');
}

/* Explicit weight-specific aliases — used directly where font-weight:900
   bold-matching has proven unreliable on iOS Safari (CTA buttons) */
@font-face {
  font-family: 'Barlow Condensed Black';
  font-style: normal;
  font-weight: 400 900;
  font-display: block;
  src: url('../fonts/barlow-condensed-latin-900-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/great-vibes-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('../fonts/cormorant-garamond-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: block;
  src: url('../fonts/cormorant-garamond-latin-300-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2');
}

/* Belt-and-suspenders: force the CTA button look with a dedicated class
   so it never depends on font-weight matching at all. */
.cta-btn-black {
  font-family: 'Barlow Condensed Black', 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

.cta-font-safe {
  font-family: 'Barlow Condensed Black', 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
}