/* Dark Mode Styles */
/* General dark mode styles */
.dark-mode .theme-label {
    color: #e0e0e0;
}
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode header {
    background-color: #1e1e1e;
    border-bottom: 1px solid #333;
}

body.dark-mode header h1 a {
    color: #e0e0e0;
}

body.dark-mode .app-card {
    background-color: #1e1e1e;
    border: 1px solid #333;
}

body.dark-mode .app-card h3 {
    color: #ffffff;
}

body.dark-mode .app-card p {
    color: #b0b0b0;
}

body.dark-mode .app-details {
    background-color: #1e1e1e;
    border: 1px solid #333;
}

body.dark-mode .download-button-large {
    background-color: #2196F3;
    color: #fff;
}

/* Enhanced Footer Dark Mode */
body.dark-mode footer {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    border-top: 1px solid #444;
}

body.dark-mode footer::before {
    background: linear-gradient(90deg, #4a90e2, #e74c3c, #f39c12, #27ae60);
}

body.dark-mode .footer-nav a {
    color: #a0a0a0;
}

body.dark-mode .footer-nav a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

body.dark-mode .footer-content p {
    color: #888;
    border-top-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .social-links a {
    background: rgba(255, 255, 255, 0.15);
}

body.dark-mode .social-links a::before {
    background: linear-gradient(45deg, #4a90e2, #e74c3c);
}

body.dark-mode .social-links a:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
}

/* ستايل الأزرار العلوية في الوضع المظلم */
body.dark-mode .filter-btn {
    color: #a0a0a0 !important;
}

body.dark-mode .filter-btn:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .filter-btn.active {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}