/*
 * Aide à la saisie de l'adresse (sous-lot 7.5) : liste des communes et des adresses proposées sous un champ.
 * La liste est posée dans body par adresse.js, positionnée en fixe sous le champ. Couleurs du thème (variables de Blocksy),
 * avec un repli si elles manquent.
 */

.tastet-adresse-liste {
	position: fixed;
	z-index: 99999;
	box-sizing: border-box;
	margin: 0;
	padding: 4px 0;
	max-width: calc(100vw - 16px);
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
	background: var(--theme-palette-color-8, #fff);
	color: var(--theme-palette-color-4, #1a1a1a);
	border: 1px solid var(--theme-palette-color-5, #c8c8c8);
	border-radius: 4px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
	font-size: 16px;
	line-height: 1.35;
}

.tastet-adresse-liste[hidden] {
	display: none;
}

/* Lignes de 44 px au moins : utilisable au doigt. */
.tastet-adresse-option {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.5em;
	box-sizing: border-box;
	min-height: 44px;
	margin: 0;
	padding: 6px 12px;
	cursor: pointer;
}

.tastet-adresse-option:hover,
.tastet-adresse-option[aria-selected="true"] {
	background: var(--theme-palette-color-7, #f1f1f1);
}

.tastet-adresse-option[aria-selected="true"] {
	box-shadow: inset 3px 0 0 var(--theme-palette-color-1, #8a1c1c);
}

.tastet-adresse-code {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}

.tastet-adresse-detail {
	font-size: 0.875em;
	opacity: 0.75;
}

/* Zone lue par les lecteurs d'écran, invisible à l'œil. */
.tastet-adresse-annonce {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}