/* Moteur Autocomplétion optimisé avec Bootstrap 5 */

/* Container parent doit être position relative */
.voyageurs-destination {
	position: relative !important;
}
/* Classes personnalisées minimales (complément à Bootstrap) */
/* .autocomplete-dropdown {
	position: absolute !important;
	z-index: 9999 !important;
	min-width: 280px;
	max-width: 120%;
	max-height: 80vh;
	overflow-y: auto;
	display: none;
} */
 .autocomplete-dropdown {
	width: 120%;
	max-height: 80vh;
}

/* Positionnement par défaut sous l'input */
.voyageurs-destination .autocomplete-dropdown {
	top: 110% !important;
	left: 0 !important;
}


/* Icônes - utilise Bootstrap icon sizing */
.autocomplete-icon {
	border-radius: 0 !important;
	width: 2rem;
}

/* Indentation pour les résultats de recherche */
.autocomplete_results .search-result-item {
	margin-left: 2rem;
    width: auto;
}

/* Mobile first responsive adjustments */
@media (max-width: 768px) {
	.autocomplete-dropdown {
		max-height: 70vh;
	}
}

.item-proximite {
	padding-left: 0;
}


.autocomplete-input-container {
	width: 100%;
}

/* S'assurer que l'input a assez d'espace à droite pour le bouton clear */
.autocomplete-input-container input {
	padding-right: 45px !important;
}

/* Bouton clear - s'assurer qu'il reste toujours visible */
.autocomplete-clear-btn {
	z-index: 10 !important;
	pointer-events: auto !important;
	/* Empêcher la sélection du texte sur le bouton */
	user-select: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #e9ecef; /* Couleur Bootstrap primaire */
}