/* DEBERGH.IMMO — aide à la saisie (aide-saisie.js, 24/10/2026) : suggestions à toucher, en groupes l'un sous l'autre
   (maquette « Contact — v15 ») : titre du groupe à gauche, suggestions à droite ; l'un sous l'autre quand c'est étroit
   (téléphone, fenêtre « Vous avez ce bien ? », conversation de la fiche d'un bien). Charte B : arrondi 4 px, jamais de
   pilule ; choisie = contour et fond cuivre doux (jamais de texte barré). Mode clair uniquement. Les onglets du jeu
   « bien » (estimation) restent dans formulaire.css. Chargée avec formulaire.css et sur les pages des biens. */
.db-aide-groupes { display: flex; flex-direction: column; gap: 12px; margin: 0 0 14px; min-width: 0; }
.db-aide-intro { margin: 0; font-size: 14px; line-height: 1.5; color: #5B6470; }
.db-aide-intro[hidden] { display: none; }
.db-aide-corps { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.db-aide-g { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px 14px; align-items: start; min-width: 0; }
.db-aide-t { margin: 10px 0 0; font-size: 13px; font-weight: 600; line-height: 1.3; color: #5B6470; }
.db-aide-puces { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.db-aide-puce {
  display: inline-flex; align-items: center; min-height: 40px; max-width: 100%; margin: 0; padding: 6px 14px;
  border: 1px solid #D5D8DB; border-radius: 4px; background: #FFFFFF;
  font: inherit; font-size: 14px; font-weight: 500; line-height: 1.3; color: #17191B; text-align: left;
  overflow-wrap: anywhere; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: border-color .2s, background-color .2s;
  animation: db-aide-apparait .22s cubic-bezier(.2, .7, .2, 1) both;
}
.db-aide-puce:hover { border-color: #17191B; }
.db-aide-puce:focus-visible { outline: 2px solid #9F4427; outline-offset: 2px; }
.db-aide-puce[aria-pressed="true"] { border-color: #9F4427; background: #F4E7E1; box-shadow: inset 0 0 0 1px #9F4427; }
/* Groupe sans titre visible (précision d'une seule ligne) : les suggestions seules */
.db-aide-sans-titres .db-aide-g { grid-template-columns: minmax(0, 1fr); }
.db-aide-sr { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
/* Étroit (zone de moins de 500 px, posé par le script) et téléphone : titre au-dessus des suggestions */
.db-aide-etroit .db-aide-g { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.db-aide-etroit .db-aide-t { margin: 0; }
@media (max-width: 639px) {
  .db-aide-g { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .db-aide-t { margin: 0; }
}
@keyframes db-aide-apparait { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .db-aide-puce { animation: none; transition: none; }
}