/* ── PAGE 7 SALON — Font Override ──
   Add this file as: <link rel="stylesheet" href="fonts.css">
   Place AFTER the Google Fonts <link> tags in each HTML file.
   This replaces Cormorant Garamond + DM Sans with Montserrat.
── */

/* Import Montserrat with all required weights */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');

/* Override CSS variables — affects everything site-wide */
:root {
  --font-display: 'Montserrat', sans-serif;
  --font-body:    'Montserrat', sans-serif;
}

/* Body base */
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* Headings — hero title, section titles, location names */
.hero-title,
.section-title,
.loc-title,
.location-name,
.footer-logo,
.form-title,
.p7ef-form-title,
.form-success-title,
.p7ef-success-title {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;        /* remove italic that Cormorant used */
  letter-spacing: -0.02em;   /* Montserrat looks tighter at large sizes */
}

/* Hero title weight tweak — Montserrat 800 looks better than 700 at large size */
.hero-title,
.loc-title {
  font-weight: 800;
}

/* Section titles */
.section-title {
  font-weight: 700;
}

/* Tagline was italic in Cormorant — make it light in Montserrat */
.hero-tagline {
  font-family: 'Montserrat', sans-serif;
  font-style:  normal;
  font-weight: 300;
  letter-spacing: 0.04em;
}

/* Nav links */
.nav-link,
.header-cta,
.logo-text {
  font-family: 'Montserrat', sans-serif;
}

.logo-text {
  font-weight: 700;
  letter-spacing: 0.06em;
}

/* Service card names */
.service-name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* Location card name */
.location-name,
.loc-title {
  font-family: 'Montserrat', sans-serif;
}

/* Eyebrow labels */
.hero-eyebrow,
.section-label,
.loc-eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

/* Form fields */
.form-row input,
.form-row select,
.form-row textarea,
.p7ef-input {
  font-family: 'Montserrat', sans-serif;
}

/* Stat numbers */
.stat-num {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}

/* Buttons */
.btn-primary,
.btn-outline-hero,
.btn-gold,
.btn-maps,
.loc-btn-book,
.loc-btn-maps,
.loc-btn-page,
.form-submit,
.p7ef-submit-btn,
.header-cta {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}