/* Estimation de revenus — compléments de la page estimez (tokens de la charpente uniquement).
   Minimum fonctionnel : le design du bloc résultat reste à faire. */

/* Message d'erreur sous un champ (texte du designer, data-message) */
.message-champ { color: var(--bs-form-invalid-color); margin-top: var(--bnbe-espace-1); }
.message-champ:empty { display: none; }

/* Suggestions d'adresse : liste sous le champ, au-dessus du reste du formulaire */
.estimation-adresse { position: relative; }
.suggestions { position: absolute; left: calc(var(--bs-gutter-x) * .5); right: calc(var(--bs-gutter-x) * .5); z-index: 1050; margin-top: 4px; background: var(--bnbe-blanc);
  border: var(--bnbe-bordure) solid var(--bnbe-gris-bord); border-radius: var(--bnbe-rayon); overflow: hidden; }
.suggestions ul { list-style: none; margin: 0; padding: var(--bnbe-espace-1) 0; max-height: 280px; overflow-y: auto; }
.suggestions [role="option"] { padding: var(--bnbe-espace-1) var(--bnbe-espace-2); cursor: pointer; color: var(--bnbe-gris-texte); }
.suggestions [role="option"]:hover,
.suggestions [role="option"][aria-selected="true"] { background: var(--bnbe-fond-clair); color: var(--bnbe-marine); }
.suggestions-credit { margin: 0; padding: 4px var(--bnbe-espace-2); text-align: right; color: var(--bnbe-gris-bord);
  border-top: var(--bnbe-bordure) solid var(--bnbe-fond-clair); }

/* Champ piège anti-robot : hors écran (jamais display:none, que certains robots détectent) */
.estimation-piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Bloc résultat
   La charpente donne height:100% à .panneau (cartes alignées en hauteur). Ici la colonne #estimation
   empile deux panneaux (formulaire + résultat) : chacun prendrait toute la hauteur de la colonne et le
   second déborderait sur le footer. Hauteur naturelle pour ces deux-là. */
#estimation .panneau { height: auto; }
#estimation #resultat.panneau { height: auto; background: #1d2d42; color: var(--bnbe-blanc); border: var(--bnbe-bordure) solid var(--bnbe-gris-bord);}
#estimation .panneau[hidden] + .resultat { margin-top: 0 !important; }   /* le résultat prend la place du formulaire */
.resultat:focus { outline: none; }
.resultat dl { margin: 0 0 var(--bnbe-espace-3);}
.resultat dt { font-weight: 400;}
.resultat dd { font-family: var(--bnbe-police-zilla); font-weight: 700; font-size: var(--bnbe-t2); color: var(--bnbe-blanc); margin: 0 0 var(--bnbe-espace-2); }
.resultat dd:first-of-type .valeur { color: var(--bnbe-accent); font-size: var(--bnbe-t1);}