/* Formulaire d'adresse en tête des guides d'estimation (maison, appartement).

   La Search Console montrait Google servir l'accueil, et non ces guides, sur
   « estimation maison » et « combien vaut mon appartement » : les pages
   classées sur ces requêtes portent le champ d'adresse, les guides n'avaient
   qu'un bouton vers l'accueil. Le bloc reprend la boîte `calc-net` de
   net-vendeur.css ; landing.js et autocomplete.js le branchent sur le tunnel
   par les mêmes identifiants que le héros de l'accueil. La liste de
   suggestions reprend les règles `.ac` de landing.css, que ces pages ne
   chargent pas. Rien n'est posé en attribut `style`, que la politique de
   sécurité refuse. */

.estimer-adresse { margin-top: 26px; }

.estimer-adresse p { margin: 10px 0 0; }

.estimer-adresse__form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-top: 16px;
  position: relative;
  z-index: 20;
}

.estimer-adresse__champ { flex: 1 1 320px; }
.estimer-adresse__champ .calc-net__saisie { max-width: none; }
.estimer-adresse__champ .calc-net__saisie input { font-variant-numeric: normal; }

.estimer-adresse .btn {
  flex: 0 0 auto;
  height: 48px;
  padding: 0 22px;
  font-size: 16px;
}

.estimer-adresse .calc-net__note { margin-top: 12px; }

/* Recherche d'adresse (autocomplete.js) : mêmes règles que sur l'accueil. */

.ac { position: relative; }

.ac__pop {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 70;
  max-height: min(340px, 52vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(20, 20, 16, .16);
  padding: 6px;
  text-align: left;
}

.ac__item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 11px 12px;
  border-radius: 10px;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  min-height: 44px;
}
.ac__item.is-actif { background: var(--surface-hover); }
.ac__item--geo { color: var(--accent); font-weight: 500; }

.ac__icone { flex: 0 0 auto; margin-top: 2px; color: var(--muted-3); }
.ac__item--geo .ac__icone { color: var(--accent); }

.ac__texte { min-width: 0; }
.ac__principal {
  display: block;
  font-size: 15px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ac__principal b { font-weight: 700; color: var(--accent); }

.ac__secondaire {
  display: block;
  margin-top: 1px;
  font-size: 12.5px;
  color: var(--muted-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ac__secondaire b { font-weight: 600; color: var(--muted); }

.ac__vide {
  margin: 0;
  padding: 14px 12px;
  font-size: 14px;
  color: var(--muted-2);
}
.ac__vide--erreur { color: var(--warn); }

@media (max-width: 560px) {
  .ac__pop { max-height: min(280px, 44vh); }
  .ac__principal { font-size: 15.5px; }
}

.ac__pop--haut {
  top: auto;
  bottom: calc(100% + 8px);
}