/* ============================================
   MODE SOMBRE - DUNUYELE
   ============================================ */

/* Variables du mode sombre */
body.dark-mode {
    --bg-body: #1a1a2e;
    --bg-card: #16213e;
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a0;
    --border-color: #2c3e50;
    --shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Fond et texte principaux */
body.dark-mode {
    background: var(--bg-body);
    color: var(--text-primary);
}

/* Header */
body.dark-mode .header {
    background: var(--bg-card);
    box-shadow: var(--shadow);
}

body.dark-mode .nav-list a {
    color: var(--text-primary);
}

body.dark-mode .nav-list a:hover {
    color: #C0392B;
}

/* Cartes articles */
body.dark-mode .card-article {
    background: var(--bg-card);
    border-color: var(--border-color);
    box-shadow: var(--shadow);
}

body.dark-mode .card-content h3 a {
    color: var(--text-primary);
}

body.dark-mode .card-content h3 a:hover {
    color: #C0392B;
}

body.dark-mode .meta {
    color: var(--text-secondary);
}

/* Sidebar */
body.dark-mode .sidebar-widget {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.dark-mode .sidebar-list a {
    color: var(--text-primary);
}

body.dark-mode .sidebar-list a:hover {
    color: #C0392B;
}

body.dark-mode .cat-tag {
    background: rgba(255,255,255,0.08);
    color: var(--text-primary);
}

body.dark-mode .cat-tag:hover {
    background: #C0392B;
    color: white;
}

/* Newsletter */
body.dark-mode .newsletter-form input {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Footer */
body.dark-mode .footer {
    background: #0f0f1a;
    color: var(--text-secondary);
}

body.dark-mode .footer-col a {
    color: var(--text-secondary);
}

body.dark-mode .footer-col a:hover {
    color: #D68910;
}

/* Page article */
body.dark-mode .article-content {
    color: var(--text-primary);
}

body.dark-mode .comment {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.dark-mode .comment-content {
    background: rgba(255,255,255,0.05);
}

body.dark-mode .article-share {
    background: rgba(255,255,255,0.05);
}

body.dark-mode .comment-form {
    background: rgba(255,255,255,0.05);
}

body.dark-mode .comment-form input,
body.dark-mode .comment-form textarea {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Publicités */
body.dark-mode .ad-space {
    background: rgba(255,255,255,0.05);
    border-color: var(--border-color);
}

body.dark-mode .home-ad {
    background: rgba(255,255,255,0.05);
    border-color: var(--border-color);
}

body.dark-mode .in-article-ad {
    background: rgba(255,255,255,0.05);
    border-color: var(--border-color);
}

/* Recherche */
body.dark-mode .search-input-group input {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

body.dark-mode .search-result-item {
    background: var(--bg-card);
}

body.dark-mode .result-content h2 a {
    color: var(--text-primary);
}

/* Bouton toggle */
.theme-toggle {
    margin-left: 1rem;
}

.theme-btn {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: var(--text-primary);
    transition: transform 0.3s ease;
}

.theme-btn:hover {
    transform: scale(1.1);
}

/* ============================================
   MODE SOMBRE - MOBILE
   ============================================ */

/* Menu mobile en mode sombre */
body.dark-mode .menu-toggle {
    color: var(--text-primary);
}

body.dark-mode .nav-list {
    background: var(--bg-card);
}

body.dark-mode .nav-list li {
    border-top-color: var(--border-color);
}

/* Header container mobile */
@media (max-width: 768px) {
    body.dark-mode .header-container {
        background: var(--bg-card);
    }
    
    body.dark-mode .nav {
        background: var(--bg-card);
    }
    
    body.dark-mode .nav-list a {
        color: var(--text-primary);
    }
    
    body.dark-mode .nav-list a:hover {
        background: rgba(255,255,255,0.05);
    }
}

/* Hero section mobile */
@media (max-width: 768px) {
    body.dark-mode .hero {
        background: linear-gradient(135deg, rgba(0,0,0,0.7), rgba(0,0,0,0.8)), url('/assets/images/hero-bg.jpg');
        background-size: cover;
    }
}

/* Footer mobile */
body.dark-mode .footer-bottom {
    border-top-color: var(--border-color);
}

/* Sidebar widgets mobile */
@media (max-width: 768px) {
    body.dark-mode .sidebar-widget {
        background: var(--bg-card);
    }
    
    body.dark-mode .sidebar-list li {
        border-bottom-color: var(--border-color);
    }
}