/* =============================================================================
   Autocompletion d'adresse (Base Adresse Nationale).

   Ces regles vivaient en styles inline dans adresse-autocomplete.js, avec leurs
   couleurs ecrites en dur : fond blanc, separateurs gris clair. En theme sombre
   la liste sortait donc en panneau blanc, pendant que le texte heritait de la
   couleur claire de la page. Gris clair sur blanc, illisible.

   Uniquement des jetons ici : ils basculent avec le theme par le bloc
   prefers-color-scheme de tokens.css. La liste reprend l'aspect de celle des
   suggestions du tunnel, les deux faisant le meme travail.

   Feuille partagee : le module sert le tunnel de creation et la page de compte.
   ============================================================================= */

.adresse-autocomplete-dropdown {
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;

    font-size: .85rem;
    /* La couleur est posee, jamais heritee : c'est l'heritage qui produisait le
       texte clair sur fond blanc. */
    color: var(--ex-stone-800);
    background: var(--ex-surface);
    border: 1px solid var(--ex-stone-200);
    border-radius: 6px;
    box-shadow: var(--ex-shadow-md);
}

.adresse-autocomplete-dropdown > li {
    padding: .5rem .75rem;
    cursor: pointer;
    border-bottom: 1px solid var(--ex-stone-100);
}
.adresse-autocomplete-dropdown > li:last-child { border-bottom: 0; }

/* Un seul etat de selection, pose par le JS sur aria-selected : souris et
   clavier designent ainsi la meme ligne, et le lecteur d'ecran l'annonce. */
.adresse-autocomplete-dropdown > li[aria-selected="true"] {
    background: var(--ex-amber-50);
}