/* O2O homepage lead form enhancements (#o2o-hero-form) - 2026-11-08. Loaded on the front page only. */

/* Inline messages (email / address / unit) */
#o2o-hero-form .o2o-field-msg {
  display: none;
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 12.5px;
  line-height: 1.45;
  color: #B91C1C;
  background: #FEF2F2;
  border-left: 3px solid #EF4444;
}
#o2o-hero-form .o2o-field-msg[data-kind="hint"] {
  color: #92400E;
  background: #FFFBEB;
  border-left-color: #F59E0B;
}
#o2o-hero-form .o2o-field-msg button.o2o-email-fix,
#o2o-hero-form .o2o-field-msg button.o2o-addr-manual {
  display: inline;
  margin: 0 0 0 4px;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #06278A !important;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  line-height: inherit;
  min-height: 0;
  width: auto;
}
#o2o-hero-form .o2o-field-msg button.o2o-email-fix:hover,
#o2o-hero-form .o2o-field-msg button.o2o-email-fix:focus,
#o2o-hero-form .o2o-field-msg button.o2o-addr-manual:hover,
#o2o-hero-form .o2o-field-msg button.o2o-addr-manual:focus {
  color: #1239AC !important;
  background: none !important;
  text-decoration: none;
}
#o2o-hero-form .o2o-email-keep {
  display: block;
  margin-top: 3px;
  font-size: 11.5px;
  color: #6B7280;
}

/* Parking: note on the "Street" option; let the options wrap on narrow screens */
#o2o-hero-form .radio-group { flex-wrap: wrap; row-gap: 8px; }
#o2o-hero-form .o2o-opt-note { font-size: 12px; color: #92702A; font-weight: 600; }

/* Property condition: "+25%" badge on Heavy */
#o2o-hero-form .o2o-cond-badge {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 7px;
  border-radius: 20px;
  background: #FEF3C7;
  color: #92400E;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
  vertical-align: middle;
  white-space: nowrap;
}

/* Mapbox address suggestions */
#o2o-hero-form .o2o-addr-group { position: relative; }
#o2o-hero-form .o2o-addr-list {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1000;
  margin: 2px 0 0;
  padding: 4px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #D6DCEC;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(13, 30, 70, 0.18);
  max-height: 290px;
  overflow-y: auto;
  text-align: left;
}
#o2o-hero-form .o2o-addr-list[hidden] { display: none !important; }
#o2o-hero-form .o2o-addr-opt {
  display: block;
  margin: 0;
  padding: 9px 12px;
  cursor: pointer;
  border-top: 1px solid #F1F3F9;
}
#o2o-hero-form .o2o-addr-opt:first-child { border-top: none; }
#o2o-hero-form .o2o-addr-opt:hover,
#o2o-hero-form .o2o-addr-opt[aria-selected="true"] { background: #EEF0F6; }
#o2o-hero-form .o2o-addr-main { display: block; font-size: 14px; font-weight: 600; color: #1D2746; }
#o2o-hero-form .o2o-addr-sub { display: block; font-size: 12px; color: #6B7280; }
#o2o-hero-form .o2o-addr-attr { margin: 0; padding: 4px 10px 2px; font-size: 10.5px; color: #9CA3AF; text-align: right; }
