/**
 * Frosted-glass search fields (static file — blur survives Vite/LightningCSS build).
 * Map overlay: light glass. Homepage hero: dark glass matching IDX Mortgage calculator CTA.
 */

/* Homepage hero — Mortgage calculator chip style */
.search-toolbar--hero .search-toolbar__hero-field {
  background: rgba(15, 23, 42, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 12px !important;
  box-shadow:
    0 8px 28px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.35) !important;
  backdrop-filter: blur(14px) saturate(1.35) !important;
}

.search-toolbar--hero .search-toolbar__hero-field:focus-within {
  background: rgba(15, 23, 42, 0.42) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.search-toolbar--hero .search-toolbar__input--hero,
.search-toolbar--hero .search-toolbar__hero-field .address-search__input {
  color: #fafafa !important;
  background: transparent !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.search-toolbar--hero .search-toolbar__input--hero::placeholder,
.search-toolbar--hero .search-toolbar__hero-field .address-search__input::placeholder {
  color: rgba(250, 250, 250, 0.82) !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.search-toolbar--hero .search-toolbar__hero-field-icon,
.search-toolbar--hero .address-search__icon.search-toolbar__hero-field-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

/* Map overlay — light frosted glass */
.map-top-chrome__search-field,
.map-overlay-search__field,
.map-top-chrome__search-field.search-toolbar__hero-field,
.map-overlay-search__field.search-toolbar__hero-field {
  background: rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  box-shadow:
    0 4px 18px rgba(29, 78, 216, 0.12),
    0 0 22px rgba(96, 165, 250, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
  backdrop-filter: blur(22px) saturate(1.35) !important;
}

.map-top-chrome__search-field.search-toolbar__hero-field:focus-within,
.map-overlay-search__field.search-toolbar__hero-field:focus-within {
  background: rgba(255, 255, 255, 0.58) !important;
  border-color: rgba(96, 165, 250, 0.55) !important;
}

.map-top-chrome__pill--with-search {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.map-top-chrome__search-field .search-toolbar__input--hero,
.map-overlay-search__field .search-toolbar__input--hero,
.map-top-chrome__search-field .address-search__input,
.map-overlay-search__field .address-search__input {
  color: #1e3a5f !important;
  background: transparent !important;
}

.map-top-chrome__search-field .search-toolbar__input--hero::placeholder,
.map-overlay-search__field .search-toolbar__input--hero::placeholder {
  color: rgba(30, 58, 95, 0.55) !important;
}