:root {
    --bs-link-color: #ff21e1; /* Définit une nouvelle couleur primaire */
}
#responseMessage {
    pointer-events: none; /* Empêche tous les clics sur l'élément */
}

.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #28a745;
    color: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    opacity: 0; /* Invisible au début */
    transition: opacity 0.5s ease-in-out; /* Transition fluide */
}

.notification.show {
    opacity: 1; /* Affichage complet */
}

/* Changer la couleur au survol */
.autocomplete-suggestion.create-new-emplacement:hover {
    background-color: #0056b3; /* Couleur plus foncée au survol */
}

/* Garde la couleur bleue pour les éléments de menu */
.dropdown-item, .dropdown-toggle {
    color:var(--bs-link-color); /* Bleu clair */
}

/* Empêche Bootstrap de modifier la couleur au survol et au clic */
.dropdown-toggle:focus, 
.dropdown-toggle:hover, 
.navbar .nav-link:focus, 
.navbar .nav-link:hover {
    color: #ffffff; /* Blanc au survol */
}

/* Quand un menu est ouvert, garder la couleur */
.dropdown-toggle[aria-expanded="true"] {
    color: #ffffff; /* Blanc si le menu est ouvert */
}