/**
 * Liste de propositions sous un champ d'adresse.
 *
 * Pas de couleur de marque : ce champ s'affiche sur le site public, dans le
 * thème du client, et dans l'administration de WordPress. Il emprunte donc
 * les couleurs du texte autour de lui plutôt que d'en imposer.
 */
.loc-adr-cadre { position: relative; display: block; }

.loc-adr-liste {
	position: absolute; z-index: 60; left: 0; right: 0; top: 100%;
	margin: 2px 0 0; padding: 4px 0; list-style: none;
	max-height: 260px; overflow-y: auto;
	background: #fff; color: #1d2327;
	border: 1px solid rgba(0, 0, 0, .18); border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
	font-size: 14px; line-height: 1.35; text-align: left;
}
.loc-adr-ligne { margin: 0; padding: 9px 12px; cursor: pointer; }
.loc-adr-ligne + .loc-adr-ligne { border-top: 1px solid rgba(0, 0, 0, .06); }
.loc-adr-ligne:hover, .loc-adr-ligne.is-on { background: rgba(0, 0, 0, .06); }

/* Annoncé aux lecteurs d'écran, invisible à l'œil. */
.loc-adr-dit {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap;
}

@media (prefers-color-scheme: dark) {
	.loc-adr-liste { background: #1f1f1f; color: #e8e6e3; border-color: rgba(255, 255, 255, .2); }
	.loc-adr-ligne + .loc-adr-ligne { border-top-color: rgba(255, 255, 255, .08); }
	.loc-adr-ligne:hover, .loc-adr-ligne.is-on { background: rgba(255, 255, 255, .1); }
}