.select2-container--custom .select2-results__options {
    max-height: 200px; /* Hauteur maximale de la liste */
    overflow-y: auto; /* Barre de défilement verticale */
}
/* Styles Bootstrap pour les champs de formulaire */
.mkdf-full-width-inner .form-control {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.25rem !important;
    box-shadow: none !important;
    appearance: none;
}

/* Styles spécifiques pour les champs <select> natifs */
.mkdf-full-width-inner select.form-control {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.25rem !important;
    box-shadow: none !important;
    appearance: none; /* Supprime l’apparence native du select */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="gray" d="M2 0L0 2h4z"/></svg>'); /* Flèche personnalisée */
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px;
}

/* Appliquer les styles Bootstrap aux champs Select2 */
.select2-container--custom .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.25rem !important;
    box-shadow: none !important;
    height: auto !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="gray" d="M2 0L0 2h4z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px;
}

.select2-container--custom .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    color: #495057;
    padding-right: 20px; /* Espace pour la flèche */
}

/* Supprimer l'icône par défaut de Select2 */
.select2-container--custom .select2-selection--single .select2-selection__arrow {
    display: none;
}

/* Style désactivé pour Select2 */
.department-disabled .select2-selection--single {
    background-color: #f9f9f9 !important;
    cursor: not-allowed;
}
.error-message {
    color: red;
    font-size: 0.9rem;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .h1, h1 {
        font-size: 80px !important; /* Ou une taille spécifique comme "16px" ou "1rem" */
    }
}