/* assets/css/dark-mode.css - Dark Mode Styles */
.dark-mode {
    --text-color: #e8e8e8;
    --light-text: #a0a0a0;
    --bg-color: #1a1a2e;
    --light-bg: #16213e;
    --border-color: #2a2a4a;
    --shadow: 0 2px 15px rgba(0,0,0,0.3);
    --shadow-hover: 0 5px 30px rgba(0,0,0,0.4);
}

.dark-mode .header {
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
}

.dark-mode .nav-menu ul li a {
    color: var(--text-color);
}

.dark-mode .nav-menu ul li a:hover,
.dark-mode .nav-menu ul li a.active {
    background: var(--primary-color);
    color: white;
}

.dark-mode .service-card,
.dark-mode .article-card,
.dark-mode .sidebar-widget {
    background: var(--light-bg);
    border-color: var(--border-color);
}

.dark-mode .service-card:hover,
.dark-mode .article-card:hover {
    background: #1e2a4a;
}

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

.dark-mode .article-card-body h3 a:hover {
    color: var(--accent-color);
}

.dark-mode .sidebar-widget input[type="text"] {
    background: var(--light-bg);
    border-color: var(--border-color);
    color: var(--text-color);
}

.dark-mode .stat-item h2 {
    color: var(--accent-color);
}

.dark-mode .article-detail h1 {
    color: var(--accent-color);
}

.dark-mode .lang-btn.active {
    background: var(--light-bg);
}

.dark-mode .dark-mode-toggle:hover {
    background: var(--light-bg);
}

.dark-mode .footer {
    background: #0d0d1a;
}

.dark-mode .whatsapp-float {
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
}

.dark-mode .logo span {
    background: var(--accent-color);
}

.dark-mode .article-detail .content {
    color: var(--text-color);
}

.dark-mode .article-detail .content p {
    color: var(--text-color);
}

.dark-mode .popular-articles a {
    color: var(--text-color);
}

.dark-mode .popular-articles a:hover {
    color: var(--accent-color);
}

.dark-mode .section-title {
    color: var(--accent-color);
}