/* Mobile-only fixes (2026-06-30) — nothing here affects desktop */
@media (max-width: 1023px) {
  body:not(.home) .heritage-hero {
    background-image: none !important;
    background: linear-gradient(180deg, rgba(15,50,84,0.95) 0%, rgba(27,77,122,1) 100%) !important;
  }
  .heritage-hero {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (max-width: 767px) {
  #hero, #hero .relative.z-10 {
    min-height: 32vh !important;
  }
  #hero-hcq-btn, .footer-hcq-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    background: #C5963A !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(197,150,58,0.4) !important;
    margin-top: 0.5rem !important;
  }
  .footer-hcq-wrap {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .footer-hcq-text { text-align: center !important; }
  .footer-hcq-fields {
    flex-direction: column !important;
    min-width: unset !important;
  }
  .footer-hcq-fields > div {
    min-width: unset !important;
    width: 100% !important;
  }
  .footer-hcq-select, #hero-hcq-who, #hero-hcq-zip {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 767px) {
  /* Move CTA buttons above the wavy SVG line */
  #hero .relative.z-10 > .max-w-5xl {
    padding-bottom: 60px !important;
  }
  #hero > div:last-child {
    /* wavy SVG container — raise it so buttons stay above */
    z-index: 20;
  }
  #hero h1 { font-size: 1.75rem !important; margin-bottom: 0.75rem !important; }
  #hero p { margin-bottom: 1.25rem !important; }
}
