/* cleanup.css - UI polish for Instant Quote (safe additive layer) */

:root{
  --iq-radius: 16px;
  --iq-gap: 14px;
}

/* Slightly tighter hero on mobile so users reach the form faster */
@media (max-width: 700px){
  .iq-hero{ padding: 44px 0 26px !important; }
  .iq-hero h1{ font-size: 44px !important; line-height: 1.05 !important; }
  .iq-hero p{ font-size: 18px !important; }
}

/* Consistent card spacing */
.instant-quote-page .panel,
.instant-quote-page .iq-card,
.instant-quote-page .card{
  border-radius: var(--iq-radius) !important;
}

.instant-quote-page .panel{
  padding: 18px !important;
}

/* Step headings a bit tighter */
.instant-quote-page h2,
.instant-quote-page h3{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

/* Make inputs feel consistent and roomy */
.instant-quote-page input[type="text"],
.instant-quote-page input[type="email"],
.instant-quote-page input[type="tel"],
.instant-quote-page textarea{
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}

/* Buttons: consistent height & rounded corners */
.instant-quote-page button,
.instant-quote-page .btn{
  border-radius: 14px !important;
  min-height: 46px !important;
}

/* Keep “Calculate” primary button visually dominant */
.instant-quote-page #btnCalc{
  min-height: 52px !important;
  font-weight: 700 !important;
}

/* Map: nicer frame + safer min-height */
.instant-quote-page #map,
.instant-quote-page .map,
.instant-quote-page .map-wrap{
  border-radius: 14px !important;
  overflow: hidden !important;
}
.instant-quote-page #map{
  min-height: 320px !important;
}
@media (max-width: 700px){
  .instant-quote-page #map{ min-height: 280px !important; }
}

/* Helper/status blocks: make them look like info cards */
.instant-quote-page .status,
.instant-quote-page #status,
.instant-quote-page .note,
.instant-quote-page .helper{
  border-radius: 12px !important;
}

/* Hide the duplicate helper line at the very bottom if present */
.instant-quote-page .iq-hide-dup{
  display: none !important;
}

/* Sticky action bar (applies only when JS adds .iq-sticky-ready) */
.instant-quote-page.iq-sticky-ready .iq-sticky-actions{
  position: sticky;
  bottom: 10px;
  z-index: 30;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  padding: 10px;
  margin-top: 12px;
}

/* Small step pills (added by JS) */
.instant-quote-page .iq-steps{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}
.instant-quote-page .iq-pill{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  font-size: 13px;
  line-height: 1;
  background: #fff;
}
.instant-quote-page .iq-pill.active{
  border-color: rgba(0,0,0,0.18);
  font-weight: 700;
}