/* ========================================================== address-autocomplete.css — menu de suggestions Code postal / Ville (composant address-autocomplete.js). Menu unique ancré en position:fixed sous le champ actif (posé sur → jamais rogné par l'overflow d'une carte/panneau). z-index au-dessus des modales de contenu courantes. ========================================================== */ .app-addr-ac-menu { position: fixed; z-index: 1080; max-height: 15rem; overflow-y: auto; padding: var(--app-spacer-xs); background: var(--app-white); border: 1px solid var(--app-gray-200); border-radius: var(--app-radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .app-addr-ac-item { display: flex; align-items: baseline; justify-content: space-between; gap: var(--app-spacer-sm); width: 100%; padding: 0.5rem 0.65rem; border: 0; border-radius: var(--app-radius); background: transparent; font-family: inherit; font-size: var(--app-font-size-sm); color: var(--app-dark); text-align: left; cursor: pointer; } .app-addr-ac-item.is-active, .app-addr-ac-item:hover { background: var(--app-gray-100); } .app-addr-ac-item__name { font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .app-addr-ac-item__cp { flex-shrink: 0; color: var(--app-gray-500); font-size: var(--app-font-size-xs); } /* Flash de confirmation quand un champ est auto-rempli (anneau vert bref). */ @keyframes app-addr-ac-flash { 0% { box-shadow: 0 0 0 0.15rem var(--app-success-light); } 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } .app-addr-ac-filled { animation: app-addr-ac-flash 0.9s ease; }