/* ========================================
   Dark Mode Styles - Premium Ultimate V7
   ======================================== */

body.dark-mode {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark-mode .site-header {
    background-color: var(--color-bg-secondary);
    border-bottom-color: var(--color-border);
}

body.dark-mode .site-header.scrolled {
    background-color: rgba(21, 27, 38, 0.97);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

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

body.dark-mode .main-navigation a::after {
    background-color: var(--color-accent);
}

body.dark-mode .hero {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 50%, var(--color-bg-tertiary) 100%);
}

body.dark-mode .hero-premium {
    background: linear-gradient(135deg, #121D33 0%, #1A2744 40%, #5B8A72 100%);
}

body.dark-mode .hero h1 {
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-text-secondary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

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

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

body.dark-mode .card:hover {
    border-color: var(--color-accent);
    box-shadow: var(--shadow-glow);
}

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

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

body.dark-mode .category-tag {
    background-color: var(--color-border);
    color: var(--color-text-primary);
}

body.dark-mode .category-tag:hover {
    background-color: var(--color-accent);
    color: var(--color-bg-primary);
}

body.dark-mode .read-more {
    color: var(--color-accent);
}

body.dark-mode .post-header {
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
}

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

body.dark-mode .post-content a {
    color: var(--color-accent);
}

body.dark-mode .post-content a:hover {
    color: var(--color-accent-hover);
}

body.dark-mode .post-tags {
    border-top-color: var(--color-border);
}

body.dark-mode .post-navigation a {
    border-color: var(--color-border);
}

body.dark-mode .post-navigation a:hover {
    border-color: var(--color-accent);
    background: var(--color-bg-tertiary);
}

body.dark-mode .widget {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border-light);
}

body.dark-mode .widget:hover {
    box-shadow: var(--shadow-sm);
}

body.dark-mode .widget-title::after {
    background: var(--color-accent);
}

body.dark-mode .widget ul li {
    border-bottom-color: var(--color-border-light);
}

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

body.dark-mode .widget ul a:hover {
    color: var(--color-accent);
}

body.dark-mode .site-footer {
    background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
}

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

/* Dark Mode Form Elements */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode input[type="number"],
body.dark-mode input[type="date"],
body.dark-mode textarea,
body.dark-mode select {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    border-color: var(--color-border);
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px var(--color-accent-light);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--color-text-muted);
}

/* Dark Mode Search Overlay */
body.dark-mode .search-overlay-content {
    background: var(--color-bg-secondary);
}

/* Dark Mode Pagination */
body.dark-mode .pagination .page-numbers {
    background: var(--color-bg-secondary);
    border-color: var(--color-border);
    color: var(--color-text-secondary);
}

body.dark-mode .pagination .page-numbers:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

body.dark-mode .pagination .page-numbers.current {
    background: var(--color-accent);
    color: var(--color-bg-primary);
    border-color: var(--color-accent);
}

/* Dark Mode Comments */
body.dark-mode .comment-body {
    background-color: var(--color-bg-tertiary);
    border-color: var(--color-border);
}

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

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

body.dark-mode .comment-reply-link {
    color: var(--color-accent);
}

/* Dark Mode Premium Features */
body.dark-mode .author-box {
    background-color: var(--color-bg-secondary);
    border-left-color: var(--color-accent);
}

body.dark-mode .toc-widget {
    background-color: var(--color-bg-secondary);
    border-left-color: var(--color-accent);
}

body.dark-mode .toc-widget a {
    color: var(--color-accent);
}

body.dark-mode .toc-widget a:hover {
    color: var(--color-text-primary);
}

body.dark-mode .post-stats {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border);
}

body.dark-mode .ad-space {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-secondary);
    border-color: var(--color-border);
}

body.dark-mode .quote-section-premium {
    background: linear-gradient(135deg, #121D33 0%, #1A2744 50%, #5B8A72 100%);
}

body.dark-mode .quote-section {
    background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
}

/* Dark Mode Scroll to Top */
body.dark-mode .scroll-to-top {
    background-color: var(--color-accent);
    color: var(--color-bg-primary);
}

body.dark-mode .scroll-to-top:hover {
    background-color: var(--color-accent-hover);
}

/* Dark Mode Newsletter */
body.dark-mode .newsletter-form input[type="email"] {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    border-color: var(--color-border);
}

body.dark-mode .newsletter-form input[type="email"]:focus {
    border-color: var(--color-accent);
}

/* Dark Mode 404 */
body.dark-mode .error-404 .error-code {
    color: var(--color-accent);
    opacity: 0.5;
}

/* Dark Mode Info Boxes */
body.dark-mode .info-box {
    background: #1A3050;
    color: #7BA7C9;
    border-left-color: #7BA7C9;
}

body.dark-mode .success-box {
    background: #0F2420;
    color: #7BA7C9;
    border-left-color: #7BA7C9;
}

body.dark-mode .warning-box {
    background: #3A2D10;
    color: #D4A04A;
    border-left-color: #D4A04A;
}

/* Dark Mode Testimonials */
body.dark-mode .testimonial-card {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border);
}

/* Dark Mode Cookie Consent */
body.dark-mode .cookie-consent {
    background-color: var(--color-bg-secondary);
    border-top-color: var(--color-border);
}

body.dark-mode .cookie-consent p {
    color: var(--color-text-secondary);
}

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    background: none;
    border: 1px solid var(--color-border);
    cursor: pointer;
    padding: 8px;
    border-radius: var(--radius-md);
    transition: var(--transition-base);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--color-text-primary);
}

.dark-mode-toggle:hover {
    background: var(--color-bg-tertiary);
    border-color: var(--color-accent);
    color: var(--color-accent);
}

body.dark-mode .dark-mode-toggle:hover {
    background: var(--color-bg-tertiary);
}

/* Dark Mode Mobile Menu */
body.dark-mode .main-navigation {
    background-color: var(--color-bg-primary);
}

body.dark-mode .main-navigation a {
    border-bottom-color: var(--color-border-light);
}

/* Dark Mode Archive Header */
body.dark-mode .archive-header {
    background-color: var(--color-bg-secondary);
}

/* Dark Mode Reading Progress */
body.dark-mode .reading-progress-bar {
    background: linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-gold) 100%);
}

/* Dark Mode Buttons */
body.dark-mode .btn-primary {
    background-color: var(--color-accent);
    color: var(--color-bg-primary);
}

body.dark-mode .btn-primary:hover {
    background-color: var(--color-accent-hover);
    box-shadow: var(--shadow-glow);
}

body.dark-mode .btn-gold {
    background: linear-gradient(135deg, var(--color-accent-gold) 0%, #C4A87A 100%);
    color: var(--color-bg-primary);
}

/* Dark Mode Glassmorphism */
body.dark-mode .card-glass {
    background: rgba(21, 27, 38, 0.7);
    border-color: rgba(42, 51, 68, 0.5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Dark Mode Subscription Box */
body.dark-mode .subscription-box {
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
}

/* Dark Mode CTA Box */
body.dark-mode .cta-box {
    background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-hover) 100%);
}

/* Dark Mode Responsive */
@media (max-width: 768px) {
    .dark-mode-toggle {
        font-size: 1.1rem;
        padding: 6px;
        width: 36px;
        height: 36px;
    }
}