/* Classe pour éviter l'effet de transition au chargement */
.no-transition {
    transition: none !important;
}

/* Thème nuit */
.night-mode {
    background-color: #121212 !important; /* Fond sombre en mode nuit */
    color: #e0e0e0 !important; /* Texte clair en mode nuit */
    transition: background-color 0.5s ease, color 0.5s ease; /* Transition douce pour le fond et le texte */
}

.night-mode .card {
    background-color: #1e1e1e; /* Fond des cartes en mode nuit */
    border-color: #333;  /* Couleur des bordures des cartes */
    transition: background-color 0.5s ease, border-color 0.5s ease; /* Transition pour les cartes */
}

.night-mode .form-control {
    background-color: #333; /* Fond des champs de formulaire */
    color: #fff; /* Texte des champs de formulaire en blanc */
    border-color: #444; /* Bordure des champs de formulaire */
    transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease; /* Transition pour les champs de formulaire */
}

.night-mode .alert {
    background-color: #333; /* Fond des alertes */
    color: #fff; /* Texte des alertes en blanc */
    transition: background-color 0.5s ease, color 0.5s ease; /* Transition pour les alertes */
}

.night-mode .list-group-item {
    background-color: #333; /* Fond des éléments de la liste */
    color: #fff; /* Texte des éléments de la liste en blanc */
    transition: background-color 0.5s ease, color 0.5s ease; /* Transition pour les éléments de la liste */
}

.night-mode .btn {
    background-color: #007bff; /* Le bouton reste bleu en mode nuit */
    transition: background-color 0.5s ease; /* Transition pour le changement de couleur du bouton */
}

.night-mode .form-check-label {
    color: #fff; /* Les labels des checkboxes en mode nuit */
    transition: color 0.5s ease; /* Transition pour les labels */
}

/* Thème jour (par défaut) */
body {
    background-color: #f8f9fa; /* Fond clair en mode jour */
    color: #212529; /* Texte sombre en mode jour */
    transition: background-color 0.5s ease, color 0.5s ease; /* Transition douce pour le fond et le texte */
}

.card {
    background-color: #ffffff; /* Fond des cartes en mode jour */
    border-color: #ddd;  /* Bordure claire des cartes */
    transition: background-color 0.5s ease, border-color 0.5s ease; /* Transition pour les cartes */
}

.form-control {
    background-color: #fff; /* Fond des champs de formulaire en mode jour */
    color: #212529; /* Texte des champs de formulaire en noir */
    border-color: #ccc; /* Bordure des champs de formulaire */
    transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease; /* Transition pour les champs de formulaire */
}

.alert {
    background-color: #f8f9fa; /* Fond des alertes en mode jour */
    color: #212529; /* Texte des alertes en noir */
    transition: background-color 0.5s ease, color 0.5s ease; /* Transition pour les alertes */
}

.list-group-item {
    background-color: #f8f9fa; /* Fond des éléments de la liste en mode jour */
    color: #212529; /* Texte des éléments de la liste en noir */
    transition: background-color 0.5s ease, color 0.5s ease; /* Transition pour les éléments de la liste */
}

button {
    background-color: #007bff; /* Couleur du bouton */
    transition: background-color 0.3s ease; /* Transition pour le changement de couleur du bouton */
}

/* Bouton dans le mode nuit */
.night-mode button {
    background-color: #007bff; /* Le bouton reste bleu en mode nuit */
}

.form-check-label {
    color: #212529; /* Les labels des checkboxes en mode jour */
    transition: color 0.5s ease; /* Transition pour les labels */
}

/* Texte des labels et placeholders */
label, .form-control::placeholder {
    transition: color 0.5s ease; /* Transition pour les labels et les placeholders */
}

input::placeholder {
    color: #6c757d; /* Placeholder en gris clair en mode jour */
}

.night-mode input::placeholder {
    color: #e0e0e0; /* Placeholder en blanc en mode nuit */
}

/* Thème nuit - Informations du client */
.night-mode .card p, 
.night-mode .card li {
    color: #fff !important; /* Texte blanc dans la carte "Informations du client" */
}

.night-mode .card h4 {
    color: #fff !important; /* Titre en blanc dans la carte "Informations du client" */
}

.mode-switch-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    background-color: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: black;
    transition: color 0.5s ease;
}

.night-mode .mode-switch-btn {
    color: white;
    background-color: transparent;
}

.mode-switch-btn:focus {
    outline: none;
}

/* Correction pour les labels en mode nuit */
.night-mode .form-label {
    color: #fff !important; /* Texte des labels en blanc */
}

.alert-danger {
    background-color: #F3F6F4;
    color: #F44336;
    border-color: #F44336;
}

.night-mode .alert-danger {
    background-color: #F3F6F4;
    color: #F44336;
    border-color: #F44336;
}