/**
 * Dark Mode Styles
 * 
 * @package MoviePro
 */

.dark-mode {
    /* Colors - Dark Mode */
    --color-primary: #1a1a2e;
    --color-secondary: #16213e;
    --color-accent: #e94560;
    --color-highlight: #0f3460;
    --color-text: #eaeaea;
    --color-text-light: #a0aec0;
    --color-background: #0f0f0f;
    --color-border: #2d3748;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.4);
}

.dark-mode .header {
    background: rgba(26, 26, 46, 0.95);
}

.dark-mode .site-footer {
    background: var(--color-secondary);
}

.dark-mode .movie-card {
    background: var(--color-secondary);
}

.dark-mode .btn-secondary {
    background: var(--color-secondary);
    color: var(--color-text);
}

.dark-mode .btn-secondary:hover {
    background: var(--color-highlight);
}

/* Glassmorphism Effect */
.dark-mode .header,
.dark-mode .search-dropdown,
.dark-mode .mobile-menu {
    background: rgba(26, 26, 46, 0.8);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Card Hover Effects */
.dark-mode .movie-card:hover {
    box-shadow: 0 0 30px rgba(233, 69, 96, 0.3);
}

/* Scrollbar */
.dark-mode::-webkit-scrollbar {
    width: 10px;
}

.dark-mode::-webkit-scrollbar-track {
    background: var(--color-background);
}

.dark-mode::-webkit-scrollbar-thumb {
    background: var(--color-secondary);
    border-radius: 5px;
}

.dark-mode::-webkit-scrollbar-thumb:hover {
    background: var(--color-highlight);
}