/** * Vauban — Autocomplétion d'adresse BAN : style de la liste de suggestions. * * Charte : sobre, professionnel, N&B + gris uniquement, aucun emoji. * Accompagne assets/js/admin/vauban-ban-autocomplete.js. * * @package VaubanOnboarding * @since 8.0.4 */ /* Portail body — la boîte est ancrée sur pour échapper à tout contexte * d'empilement intermédiaire (overflow, transform, z-index confiné). Position * et largeur calculées dynamiquement par le JS via getBoundingClientRect(). */ .vban-suggestions--portal { position: absolute; /* coordonnées injectées inline par JS */ z-index: 99999; } /* Styles communs : boîte + portail. */ .vban-suggestions { background: var(--vt-surface-1, #FFFFFF); border: 1px solid var(--vt-border, #D1D5DB); border-radius: 8px; max-height: 280px; overflow-y: auto; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.12); } .vban-suggestions[hidden] { display: none; } .vban-suggestions__item { display: flex; flex-direction: column; gap: 1px; padding: 9px 12px; line-height: 1.4; cursor: pointer; border-bottom: 1px solid var(--vt-border, #F3F4F6); } .vban-suggestions__item:last-child { border-bottom: 0; } .vban-suggestions__item:hover, .vban-suggestions__item.is-active { background: var(--vt-inset, #F3F4F6); } .vban-suggestions__main { font-size: 13px; color: var(--vt-text-soft, #1F2937); } .vban-suggestions__meta { font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: var(--vt-muted, #6B7280); } .vban-suggestions__msg { padding: 10px 12px; font-size: 12px; color: var(--vt-muted, #6B7280); } /* --------------------------------------------------------------------------- * Mini-carte compagnon (vauban-ban-map.js) — alimentée par l'événement * vban:selected. Remplace les styles inline du legacy vauban-osm-maps.js. * ------------------------------------------------------------------------- */ .vban-map { width: 100%; height: 280px; margin: 16px 0 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--vt-border, #D1D5DB); } .vban-map[hidden], .vban-map.vban-map--empty { display: none; } .vban-map__pin { position: relative; width: 26px; height: 36px; } /* Indication discrète sous le champ adresse (remplace le inline legacy). */ .vauban-address-hint { display: block; margin-top: 5px; font-size: 12px; color: var(--vt-muted, #6B7280); }