/* =============================================
   PERSONNALISATION MANSOUR ELH AMANI - ADMIN
   Couleurs du drapeau nigérien + Contraste
   ============================================= */

/* ========================================
   1. COULEURS DU DRAPEAU NIGÉRIEN - VARIÉES
   ======================================== */

/* ========================================
   2. CONTRASTE DES TEXTES - NOIR BIEN VISIBLE
   ======================================== */

/* Titres des cartes - NOIR */
.card-statistic-1 .card-header h4 {
    color: #000000 !important;
    font-weight: 700;
    font-size: 16px;
}

/* Nombres/statistiques - NOIR et GROS */
.card-statistic-1 .card-body {
    color: #000000 !important;
    font-weight: 700;
    font-size: 24px;
}

/* ========================================
   3. EFFET DE SURVOL
   ======================================== */

.card-statistic-1:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(255, 130, 0, 0.3);
}

/* ========================================
   4. PERSONNALISATION PAR TYPE - COULEURS VARIÉES
   ======================================== */

/* 1. Missions (ORANGE) - bg-primary */
.card-statistic-1:nth-child(1) .card-icon.bg-primary {
    background: linear-gradient(135deg, #FF8200 0%, #E67600 100%) !important;
}
.card-statistic-1:nth-child(1) .card-icon.bg-primary i {
    color: #FFFFFF !important;
}

/* 2. Domaines d'Action (BLANC) - bg-warning */
.card-statistic-1:nth-child(2) .card-icon.bg-warning {
    background: #FFFFFF !important;
    border: 3px solid #FF8200 !important;
}
.card-statistic-1:nth-child(2) .card-icon.bg-warning i {
    color: #FF8200 !important;
    font-weight: 700;
}

/* 3. Collaborateurs (VERT) - bg-danger */
.card-statistic-1:nth-child(3) .card-icon.bg-danger {
    background: linear-gradient(135deg, #00A650 0%, #008C42 100%) !important;
}
.card-statistic-1:nth-child(3) .card-icon.bg-danger i {
    color: #FFFFFF !important;
}

/* 4. Pays Visités (ORANGE) - bg-success */
.card-statistic-1:nth-child(4) .card-icon.bg-success {
    background: linear-gradient(135deg, #FF8200 0%, #E67600 100%) !important;
}
.card-statistic-1:nth-child(4) .card-icon.bg-success i {
    color: #FFFFFF !important;
}

/* 5. Témoignages (VERT) - bg-primary */
.card-statistic-1:nth-child(5) .card-icon.bg-primary {
    background: linear-gradient(135deg, #00A650 0%, #008C42 100%) !important;
}
.card-statistic-1:nth-child(5) .card-icon.bg-primary i {
    color: #FFFFFF !important;
}

/* 6. Photos Événements (BLANC) - bg-warning */
.card-statistic-1:nth-child(6) .card-icon.bg-warning {
    background: #FFFFFF !important;
    border: 3px solid #00A650 !important;
}
.card-statistic-1:nth-child(6) .card-icon.bg-warning i {
    color: #00A650 !important;
    font-weight: 700;
}

/* 7. Vidéos Institutionnelles (ORANGE) - bg-danger */
.card-statistic-1:nth-child(7) .card-icon.bg-danger {
    background: linear-gradient(135deg, #FF8200 0%, #E67600 100%) !important;
}
.card-statistic-1:nth-child(7) .card-icon.bg-danger i {
    color: #FFFFFF !important;
}

/* 8. Publications (VERT) - bg-success */
.card-statistic-1:nth-child(8) .card-icon.bg-success {
    background: linear-gradient(135deg, #00A650 0%, #008C42 100%) !important;
}
.card-statistic-1:nth-child(8) .card-icon.bg-success i {
    color: #FFFFFF !important;
}

/* 9. Programmes (BLANC) - bg-primary */
.card-statistic-1:nth-child(9) .card-icon.bg-primary {
    background: #FFFFFF !important;
    border: 3px solid #FF8200 !important;
}
.card-statistic-1:nth-child(9) .card-icon.bg-primary i {
    color: #FF8200 !important;
    font-weight: 700;
}

/* 10. Questions Fréquentes (ORANGE) - bg-warning */
.card-statistic-1:nth-child(10) .card-icon.bg-warning {
    background: linear-gradient(135deg, #FF8200 0%, #E67600 100%) !important;
}
.card-statistic-1:nth-child(10) .card-icon.bg-warning i {
    color: #FFFFFF !important;
}

/* 11. Interactions Citoyens (VERT) - bg-danger */
.card-statistic-1:nth-child(11) .card-icon.bg-danger {
    background: linear-gradient(135deg, #00A650 0%, #008C42 100%) !important;
}
.card-statistic-1:nth-child(11) .card-icon.bg-danger i {
    color: #FFFFFF !important;
}

/* 12. Réponses (BLANC) - bg-success */
.card-statistic-1:nth-child(12) .card-icon.bg-success {
    background: #FFFFFF !important;
    border: 3px solid #00A650 !important;
}
.card-statistic-1:nth-child(12) .card-icon.bg-success i {
    color: #00A650 !important;
    font-weight: 700;
}

/* ========================================
   5. MENU LATÉRAL - COULEURS NIGER
   ======================================== */

/* Fond du menu - GRIS FONCÉ LUXUEUX PETITPOUSS */
.main-sidebar,
#sidebar-wrapper,
.sidebar-menu {
    background: #1A1D20 !important;
}

/* Container principal du sidebar */
.main-sidebar {
    background: #1A1D20 !important;
}

/* Sidebar wrapper */
#sidebar-wrapper {
    background: #1A1D20 !important;
}

/* Liste du menu */
.sidebar-menu {
    background: transparent !important;
}

/* TOUS les liens du menu - TEXTE BLANC */
.sidebar-menu li a,
.sidebar-menu li a.nav-link,
#sidebar-wrapper .sidebar-menu li a.nav-link {
    color: #FFFFFF !important;
    font-weight: 600;
    padding: 12px 15px;
    border-radius: 5px;
    margin: 5px 10px;
    transition: all 0.3s ease;
}

/* SPAN dans les liens - TEXTE BLANC */
.sidebar-menu li a span,
.sidebar-menu li a.nav-link span {
    color: #FFFFFF !important;
    font-weight: 600;
}

/* Icônes du menu - BLANC */
.sidebar-menu li a i,
.sidebar-menu li a.nav-link i,
#sidebar-wrapper .sidebar-menu li a.nav-link i {
    color: #FFFFFF !important;
    font-size: 18px;
    margin-right: 10px;
}

/* Menu actif - ORANGE NIGER (#FF8200) */
.sidebar-menu li.active a,
.sidebar-menu li.active a.nav-link,
#sidebar-wrapper .sidebar-menu li.active a.nav-link {
    background: linear-gradient(135deg, #FF8200 0%, #E67600 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(255, 130, 0, 0.4);
}

/* SPAN actif - BLANC */
.sidebar-menu li.active a span,
.sidebar-menu li.active a.nav-link span {
    color: #FFFFFF !important;
}

/* Effet de survol - ORANGE */
.sidebar-menu li a:hover,
.sidebar-menu li a.nav-link:hover {
    background: rgba(255, 130, 0, 0.2) !important;
    color: #FFFFFF !important;
    transform: translateX(5px);
}

/* SPAN au survol - BLANC */
.sidebar-menu li a:hover span {
    color: #FFFFFF !important;
}

/* Sous-menus - Fond plus foncé */
.sidebar-menu li ul {
    background: rgba(0, 140, 66, 0.3) !important;
    margin-left: 10px;
}

/* Liens de sous-menu - BLANC */
.sidebar-menu li ul li a {
    color: #FFFFFF !important;
    padding: 8px 15px;
    display: block;
}

/* Séparateurs de sections - ORANGE */
.sidebar-menu > li.menu-title {
    color: #FF8200 !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 15px 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 10px;
}

/* Logo - Fond GRIS FONCÉ LUXUEUX */
.sidebar-brand {
    background: #1A1D20 !important;
    padding: 15px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: auto !important;
    line-height: normal !important;
}

/* Image du logo */
.sidebar-brand img {
    max-height: 100px !important;
    width: auto !important;
    height: auto !important;
    display: block;
}

/* Version mobile du logo - CACHÉE sur desktop */
.sidebar-brand-sm {
    background: #1A1D20 !important;
    padding: 8px 10px;
    display: none !important;
}

.sidebar-brand-sm img {
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

/* Espacement après le logo pour éviter chevauchement avec Dashboard */
#sidebar-wrapper .sidebar-brand + .sidebar-menu {
    margin-top: 5px;
}

/* Premier élément du menu (Dashboard) - espacement sécurisé */
.sidebar-menu > li:first-child {
    margin-top: 5px;
}

/* ========================================
   6. TEXTE GÉNÉRAL - CONTRASTE OPTIMAL
   ======================================== */

/* Tous les textes dans le dashboard */
.dashboard-content h1,
.dashboard-content h2,
.dashboard-content h3,
.dashboard-content h4,
.dashboard-content h5,
.dashboard-content h6 {
    color: #000000 !important;
}

.dashboard-content p,
.dashboard-content span,
.dashboard-content div {
    color: #000000;
}

/* Liens - Orange (couleur du Niger) */
.dashboard-content a {
    color: #FF8200;
}

.dashboard-content a:hover {
    color: #E67600;
}

/* ========================================
   7. ARRIÈRE-PLANS
   ======================================== */

/* Fond blanc pour toutes les cartes */
.card-statistic-1 {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E0E0;
}

/* En-têtes de section */
.section-header h1 {
    color: #000000 !important;
    font-weight: 700;
}