/*
Theme Name: ERE Child
Theme URI: https://expensereductionexperts.com
Template: ere-theme
Author: Expense Reduction Experts
Description: Child theme for ERE. Add custom CSS here - safe from parent theme updates.
Version: 1.0.0
Text Domain: ere-child
*/

/* ============================================================
   TYPOGRAPHY — Tightened font sizes for better readability
   ============================================================ */

/* Base body text — slightly smaller and tighter */
body {
  font-size: 15px;
  line-height: 1.65;
}

/* Hero headline — was clamp(2.2rem, 5.25vw, 5.15rem) — way too big */
.hero-copy h1 {
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  line-height: 1.1;
}

/* Signup/inner page hero headline */
.signup-hero h1 {
  font-size: clamp(1.6rem, 3vw, 2.6rem);
}

/* Section headings — was clamp(1.8rem, 3.45vw, 3.45rem) */
.section-heading h2,
.section-heading.narrow h2,
.proof-copy h2,
.cta-section h2 {
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
  line-height: 1.15;
}

/* Page hero (inner pages) — was clamp(2rem, 4.5vw, 4rem) */
.page-hero h1 {
  font-size: clamp(1.6rem, 3vw, 2.6rem);
}

/* Page hero subtext */
.page-hero p {
  font-size: 1rem;
}

/* Hero lede / subheadline */
.hero-lede {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
}

/* Metric row numbers — was clamp(1.55rem, 3vw, 2.15rem) */
.metric-row strong,
.proof-stats strong {
  font-size: clamp(1.3rem, 2vw, 1.7rem);
}

/* Service card headings */
.service-card h3 {
  font-size: 1rem;
  margin-bottom: 8px;
}

/* General h3 */
h3 {
  font-size: 1.05rem;
}

/* Proof section blockquote */
blockquote {
  font-size: 1.05rem;
}

/* CTA section */
.cta-section h2 {
  font-size: clamp(1.4rem, 2.25vw, 2rem);
}

/* Fit panel headings */
.fit-panel h3 {
  font-size: 1.05rem;
}

/* Process steps */
.process-steps h3 {
  font-size: 1rem;
}

/* Footer */
.footer-grid {
  font-size: 0.875rem;
}

/* ============================================================
   SPACING — Tighten section padding slightly
   ============================================================ */
:root {
  --pad-section: clamp(36px, 5vw, 68px);
}

.hero-section,
.page-hero-split {
  min-height: auto;
  padding-top: clamp(36px, 5vw, 72px);
  padding-bottom: clamp(36px, 5vw, 72px);
}

/* ============================================================
   ADD YOUR OWN CUSTOM CSS BELOW THIS LINE
   ============================================================ */