/* ================================================
   SHAHEEN COMMUNICATION — FONT FIX PATCH
   Upload this as: css/fonts.css
   Then add in index.php head:
   <link rel="stylesheet" href="css/fonts.css">
   AFTER the main style.css link
   ================================================ */

/* NEW FONTS — Clean, Modern, Professional */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap');

/* Override body font */
body {
  font-family: 'DM Sans', sans-serif !important;
}

/* Override heading font everywhere */
h1, h2, h3, h4, h5, h6,
.hero h1,
.sec h2,
.logo-text-main,
.logo-mark,
.btn-quote,
.btn-hero-p,
.btn-hero-s,
.btn-submit,
.cart-summary h3,
.contact-form-wrap .form-title,
.footer-col h4,
.service-card h3,
.why-body h4,
.product-name,
.modal-head h3,
.page-title,
.sec-tag,
.sec-eyebrow,
.chstrip-tag,
.contact-hero-strip h2,
.shop-hero h1 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
}

/* Hero H1 specific fix — proper weight & spacing */
.hero h1 {
  font-size: 52px !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
  line-height: 1.1 !important;
  font-family: 'Bricolage Grotesque', sans-serif !important;
}

/* Hero accent (Communicate.) */
.hero h1 .accent {
  font-weight: 800 !important;
  font-style: normal !important;
}

/* Section H2 */
.sec h2 {
  font-size: 38px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.15 !important;
}

/* Logo mark */
.logo-mark {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

/* Logo text */
.logo-text-main {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: -0.3px !important;
}

/* Nav links — cleaner */
.nav-links a {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  letter-spacing: 0 !important;
}

/* Hero stats numbers */
.hs-num {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
}

/* Service card titles */
.service-card h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
}

/* Contact section heading */
.contact-hero-strip h2 {
  font-size: 42px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
}

/* Buttons */
.btn-quote,
.btn-hero-p,
.btn-submit,
.btn-checkout {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}

/* Product name */
.product-name {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Footer brand */
.f-logo, .footer-logo-wrap .logo-text-main {
  font-family: 'Bricolage Grotesque', sans-serif !important;
}

/* Price */
.price-now {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
}

/* Topbar */
.topbar-strip {
  font-family: 'DM Sans', sans-serif !important;
}

/* Tags & badges */
.sec-eyebrow, .chstrip-tag, .hero-eyebrow,
.sec-tag {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
}

/* Responsive font sizes */
@media (max-width: 768px) {
  .hero h1 {
    font-size: 36px !important;
    letter-spacing: -0.8px !important;
  }
  .sec h2 {
    font-size: 28px !important;
  }
  .contact-hero-strip h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: 30px !important;
    letter-spacing: -0.5px !important;
  }
}