/* ============================================================
   Typography Standardization — Wizard Titles
   Targets existing classes without requiring markup changes
   Matches homepage Playfair Display heading font
   ============================================================ */

/* Homepage hero title reference (from custom-homes.css):
   font-family: var(--font-heading) = 'Playfair Display', Georgia, serif
   font-size: clamp(36px, 5.2vw, 68px);
   font-weight: 700;
   letter-spacing: -0.03em;
   line-height: 1.08;
*/

/* Override all existing wizard title classes to match homepage */
.sha-hero-title,
.sha-hero-title--floors,
.sha-floors-selector__title,
.sha-wizard-selector__title,
.sha-live-summary-header__title,
.sha-summary-hero h1,
.sha-summary-hero h2,
#sha-ct-panel-backsplash .sha-floors-selector__title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(28px, 7.8vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.12 !important;
  text-wrap: balance !important;
  color: #18181b !important;
}

/* Desktop refinement for larger screens */
@media (min-width: 768px) {
  .sha-hero-title,
  .sha-hero-title--floors,
  .sha-floors-selector__title,
  .sha-wizard-selector__title,
  .sha-live-summary-header__title,
  .sha-summary-hero h1 {
    font-size: clamp(32px, 6.2vw, 46px) !important;
    line-height: 1.08 !important;
  }
}

/* Subtitle consistency across all screens */
.sha-hero-subtitle,
.sha-hero-subtitle--floors,
.sha-live-summary-header__subtitle {
  font-family: 'DM Sans', 'Segoe UI', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #6f6b66 !important;
}

@media (min-width: 768px) {
  .sha-hero-subtitle,
  .sha-hero-subtitle--floors,
  .sha-live-summary-header__subtitle {
    font-size: 16px !important;
  }
}
