.region-container {
    border: 1px solid #5E209F; /* Bordure violette */
    padding: 16px;
    border-radius: 12px;
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.region-container:hover {
    transform: scale(1.02); /* Zoom léger au survol */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Ombre subtile */
}

.arrow-purple {
    color: #5E209F !important; /* Violet */
    font-size: 22px;
    transition: color 0.3s ease-in-out;
}

.arrow-purple:hover {
    color: #A854FF; /* Violet plus clair au survol */
}

.custom-btn {
    background-color: #5E209F !important; /* Violet personnalisé */
    color: white !important; /* Texte blanc */
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease-in-out, transform 0.2s;
}

.custom-btn:hover {
    background-color: #A854FF !important; /* Violet plus clair au survol */
    transform: scale(1.05); /* Effet de zoom léger */
}

.departement-container {
    border: 1px solid #5E209F; /* Bordure violette */
    padding: 16px;
    border-radius: 12px;
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-back-btn {
    background-color: #5E209F !important; /* Fond violet */
    color: white !important; /* Texte blanc */
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease-in-out, transform 0.2s;
}

.custom-back-btn:hover {
    background-color: #A854FF !important; /* Violet plus clair au survol */
    transform: scale(1.05); /* Effet de zoom léger */
}

/* Changer la couleur de la flèche */
.custom-back-btn span {
    color: #A854FF; /* Flèche violette */
    font-size: 22px;
    transition: color 0.3s ease-in-out;
}

.custom-back-btn:hover span {
    color: white; /* Flèche blanche au survol */
}

.arrow-purple-d {
    color: #D1D1D1 !important; /* Flèche violette */
    font-size: 22px;
    transition: color 0.3s ease-in-out;
}

.blur-custom {
    filter: blur(45px); /* Ajuste la valeur pour un flou encore plus fort */
}

/* Style personnalisé du bouton */
.custom-submit-btn {
    background-color: #5E209F !important; /* Fond violet */
    color: white !important; /* Texte blanc */
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, transform 0.2s;
}

.custom-submit-btn:hover {
    background-color: #A854FF !important; /* Fond violet plus clair au survol */
    transform: scale(1.05); /* Effet de zoom léger */
}

.custom-submit-btn:active {
    background-color: #4A148C !important; /* Fond violet foncé au clic */
    transform: scale(0.95); /* Effet d’appui */
}

/* Style personnalisé du lien Google Maps */
.custom-maps-link {
    color: #5E209F !important; /* Violet */
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out;
}

.custom-maps-link:hover {
    color: #A854FF !important; /* Violet plus clair au survol */
    text-decoration: underline;
}

.custom-maps-link:active {
    color: #4A148C !important; /* Violet foncé au clic */
}
/* Style personnalisé pour l'encart d'alerte */
.alert-danger {
    background-color: #F8D7DA; /* Rouge clair */
    color: #B71C1C; /* Rouge foncé */
    margin-bottom: 15px !important;
    border: 1px solid #D32F2F; /* Bordure rouge */
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

/* Souligner le texte sous l'alerte */
.alert-danger u {
    text-decoration: underline;
}