/* dark.css */

/* Fond général du mode sombre */
body.dark {
    background-color: #121212;
    color: #ffffff;
}

/* Couleur de fond des éléments */
body.dark .bg-white {
    background-color: #1f1f1f;
}

body.dark .bg-gray-100 {
    background-color: #2c2c2c;
}

body.dark .bg-red-600 {
    background-color: #e53935;
}

/* Texte général du mode sombre */
body.dark .text-gray-700,
body.dark .text-gray-800 {
    color: #e0e0e0;
}

body.dark .text-red-700 {
    color: #e57373;
}

/* Numéros de factures (ajouté pour plus de visibilité) */
body.dark .facture-numero {
    color: #ffeb3b;
    /* Jaune lumineux pour contraster sur fond sombre */
}

/* Bordures */
body.dark .border-gray-300 {
    border-color: #444444;
}

/* Champs de saisie */
body.dark .input,
body.dark input,
body.dark select,
body.dark textarea {
    background-color: #333333;
    color: #ffffff;
    border: 1px solid #555555;
}

body.dark .input:focus,
body.dark input:focus,
body.dark select:focus,
body.dark textarea:focus {
    border-color: #81c784;
}

/* Boutons */
body.dark button,
body.dark .btn {
    background-color: #333333;
    color: #ffffff;
    border: 1px solid #555555;
}

body.dark button:hover,
body.dark .btn:hover {
    background-color: #444444;
}

/* Liens */
body.dark a {
    color: #e0e0e0;
}

body.dark a:hover {
    color: #ffffff;
}

/* Header - Mon Espace Client */
body.dark .header .espace-client-btn {
    background-color: #444444;
    /* Gris foncé pour rester discret */
    color: #ffffff;
}

body.dark .header .espace-client-btn:hover {
    background-color: #555555;
}

/* Dropdown, menus et autres éléments */
body.dark .dropdown-menu {
    background-color: #333333;
    color: #ffffff;
}

/* Spécifique aux sections du site */
body.dark .sidebar {
    background-color: #2a2a2a;
}

body.dark .content {
    background-color: #1f1f1f;
}

body.dark .card {
    background-color: #262626;
    border: 1px solid #444444;
}

/* Textes en surbrillance ou erreurs */
body.dark .highlight {
    background-color: #333333;
    color: #ffffff;
}

body.dark .error {
    background-color: #e57373;
    color: #ffffff;
}

/* Styles pour les tableaux */
body.dark table {
    background-color: #1f1f1f;
    border-collapse: collapse;
    width: 100%;
}

body.dark th,
body.dark td {
    border: 1px solid #444444;
    padding: 8px;
    text-align: left;
}

body.dark th {
    background-color: #333333;
    color: #ffffff;
}

body.dark tr:nth-child(even) {
    background-color: #2c2c2c;
}

body.dark tr:nth-child(odd) {
    background-color: #1f1f1f;
}

body.dark tr:hover {
    background-color: #444444;
}