/*
 * Custom CSS for Panneau Chantier Digital Admin
 */

/* Définition de la palette de couleurs "écologique" */
:root {
    --admin-primary-color: #4CAF50;
    --admin-primary-dark: #45a049;
    --admin-sidebar-bg: #2c3e50; /* Un bleu-gris foncé et moderne */
}

/* Application de la couleur primaire aux boutons Bootstrap */
.btn-primary {
    background-color: var(--admin-primary-color);
    border-color: var(--admin-primary-color);
}

.btn-primary:hover {
    background-color: var(--admin-primary-dark);
    border-color: var(--admin-primary-dark);
}

/* Layout principal */
.sidebar {
    width: 280px;
    min-height: 100vh;
    background-color: var(--admin-sidebar-bg) !important;
}

.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Style des liens actifs dans la sidebar */
.sidebar .nav-link.active {
    background-color: var(--admin-primary-color) !important;
}

/* Style pour les zones de glisser-déposer (drag & drop) */
.border-dashed {
    border: 2px dashed #ced4da !important;
    transition: background-color 0.2s ease-in-out;
}

/* Appliquer la couleur écologique aux titres de page */
.main-content h1,
.main-content h2 {
    color: var(--admin-primary-color);
}

/* Appliquer la couleur écologique aux en-têtes de tableau triables */
.table thead th a {
    color: var(--admin-primary-color);
    text-decoration: none;
}

.table thead th a:hover {
    color: var(--admin-primary-dark);
}

/* Styles pour le sélecteur à double liste (lots) */
.dual-list {
    height: 250px;
    overflow-y: auto;
}

.dual-list .list-group-item {
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
}

.dual-list .list-group-item:hover {
    background-color: #f8f9fa;
}

/* Style pour les liens sur la page de connexion */
.form-signin a {
    color: var(--admin-primary-color);
}

.form-signin a:hover {
    color: var(--admin-primary-dark);
}

/* Style pour la carte de l'abonnement actuel */
.current-plan {
    background-color: #e8f5e9; /* Un vert très clair */
    border: 1px solid var(--admin-primary-color);
}