/* ============================================================
   EMBED MODE — widget-only, transparent, natural document flow.
   Loaded AFTER styles.css so these rules win.
   Used when the widget is iframed into an external page
   (e.g. WordPress /get-a-quote/) that provides its own hero.
   ============================================================ */

html, body {
  height: auto !important;
  min-height: 0 !important;
  overflow-x: hidden;
}

body.embed-body {
  background: transparent !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

/* Neutralize the full-viewport stage wrapper — in embed mode
   the parent page controls layout. Just center + pad the widget. */
.embed-stage {
  position: static !important;
  z-index: auto !important;
  min-height: 0 !important;
  padding: 12px !important;
  gap: 0 !important;
  display: block !important;
}

.embed-stage .widget-container {
  margin: 0 auto !important;
}

/* Kill any leaked hero-copy or trust-bar in case markup is reused */
.embed-body .hero-copy,
.embed-body .trust-bar,
.embed-body .hero-stage {
  display: none !important;
}

/* In embed mode, let the widget grow naturally instead of internal scroll.
   The parent iframe auto-resizes via postMessage, so content is always
   fully visible without cutting off the footer / Continue button. */
.embed-body .widget-container {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
.embed-body .widget-main {
  overflow-y: visible !important;
  flex: 0 0 auto !important;
}


/* Custom address autocomplete dropdown (Places API New) */
.addr-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(10, 16, 39, 0.15);
  z-index: 1000;
  max-height: 280px;
  overflow-y: auto;
}
.addr-suggestion {
  padding: 10px 14px;
  cursor: pointer;
  border-top: 1px solid #F1F5F9;
}
.addr-suggestion:first-child { border-top: none; }
.addr-suggestion:hover,
.addr-suggestion.active { background: #F8FAFC; }
.addr-suggestion-main {
  font-size: 14px;
  font-weight: 600;
  color: #193f81;
}
.addr-suggestion-sec {
  font-size: 12px;
  color: #64748B;
  margin-top: 2px;
}