/*
Bu yazılım anxcure.com'a aittir.
Tüm hakları anxcure.com tarafından saklıdır.
İzinsiz kullanım, kopyalama veya dağıtım yasaktır.
© 2025 anxcure.com. Tüm hakları saklıdır.
*/

/* ===== MODERN DARK THEME CSS ===== */
/* Bu dosya sadece dark mode aktifken yüklenecek */

/* MODERN DARK THEME CSS VARIABLES - STANDARDIZE EDİLMİŞ */
:root[data-theme="dark"] {
    /* Ana Renk Paleti - Dark Mode - Klinik.com Standardı */
    --primary-green: #4FD1C5;
    --secondary-green: #38B2AC;
    --accent-green: #81E6D9;
    --turquoise: #4FD1C5;
    --dark-green: #38B2AC;
    
    /* Status Renkleri - Dark Mode */
    --success: #48bb78;
    --warning: #ed8936;
    --error: #f56565;
    --info: #4299e1;
    
    /* Dark Mode Arka Plan Renkleri */
    --dark-bg-primary: #0a0e13;
    --dark-bg-secondary: #141b23;
    --dark-bg-tertiary: #1e2832;
    --dark-bg-quaternary: #2d3748;
    --main-bg: var(--dark-bg-primary);
    --card-bg: var(--dark-bg-secondary);
    --card-hover-bg: var(--dark-bg-tertiary);
    --section-bg: var(--dark-bg-secondary);
    --background-light: var(--dark-bg-tertiary);
    
    /* Dark Mode Metin Renkleri */
    --dark-text-primary: #f8fafc;
    --dark-text-secondary: #e2e8f0;
    --dark-text-muted: #cbd5e0;
    --dark-text-disabled: #a0aec0;
    --text-main: var(--dark-text-primary);
    --text-secondary: var(--dark-text-secondary);
    --text-muted: var(--dark-text-muted);
    --text-light: var(--dark-text-disabled);
    
    /* Dark Mode Border ve Divider */
    --dark-border: #4a5568;
    --dark-border-light: #2d3748;
    --dark-border-dark: #1a202c;
    --border-color: var(--dark-border);
    --border-light: var(--dark-border-light);
    --border-dark: var(--dark-border-dark);
    
    /* Dark Mode Accent Renkler */
    --dark-accent: var(--primary-green);
    --dark-accent-hover: var(--secondary-green);
    --dark-accent-light: var(--accent-green);
    --dark-accent-dark: var(--dark-green);
    
    /* Dark Mode Shadow ve Overlay */
    --dark-shadow: rgba(0, 0, 0, 0.3);
    --dark-shadow-strong: rgba(0, 0, 0, 0.5);
    --dark-shadow-light: rgba(0, 0, 0, 0.1);
    --dark-overlay: rgba(15, 20, 25, 0.8);
    --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.4);
    --button-shadow: 0 4px 12px rgba(79, 209, 197, 0.2);
    --button-shadow-hover: 0 6px 20px rgba(79, 209, 197, 0.3);
    
    /* Dark Mode Gradientler */
    --dark-gradient-hero: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%);
    --dark-gradient-card: linear-gradient(145deg, var(--dark-bg-tertiary) 0%, var(--dark-bg-secondary) 100%);
    --hero-gradient: var(--dark-gradient-hero);
    --button-gradient: linear-gradient(135deg, var(--primary-green) 0%, var(--secondary-green) 100%);
    
    /* Dark Mode Input ve Form */
    --input-bg: var(--dark-bg-tertiary);
    --input-border: var(--dark-border);
    --input-focus-border: var(--primary-green);
}

/* ===== GENEL ELEMENTLER ===== */
:root[data-theme="dark"] body {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ===== PROFILE PAGE SPECIFIC FIXES ===== */
:root[data-theme="dark"] body.profile-page,
:root[data-theme="dark"] html body,
:root[data-theme="dark"] .profile-container,
:root[data-theme="dark"] .profile-main {
    background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%) !important;
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* Override any inline styles that might be causing white background */
:root[data-theme="dark"] body[style*="background"] {
    background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%) !important;
    background-color: var(--dark-bg-primary) !important;
}

/* Force dark background for profile page elements */
:root[data-theme="dark"] .profile-container,
:root[data-theme="dark"] .profile-header,
:root[data-theme="dark"] .profile-content,
:root[data-theme="dark"] .profile-sidebar {
    background-color: transparent !important;
}

/* Ensure main containers don't have white backgrounds */
:root[data-theme="dark"] .container-fluid,
:root[data-theme="dark"] .container,
:root[data-theme="dark"] .row,
:root[data-theme="dark"] .col,
:root[data-theme="dark"] .col-* {
    background-color: transparent !important;
}

/* Override any white background classes */
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-light,
:root[data-theme="dark"] [class*="bg-white"],
:root[data-theme="dark"] [class*="bg-light"] {
    background-color: var(--dark-bg-secondary) !important;
}

/* Global spacing and subtle separators for readability */
:root[data-theme="dark"] .container .row > [class^="col"] {
    scroll-margin-top: 80px;
}

/* ===== NAVBAR ===== */
:root[data-theme="dark"] .navbar,
:root[data-theme="dark"] #mainNavbar {
    background: linear-gradient(135deg, var(--dark-bg-secondary) 0%, var(--dark-bg-primary) 100%) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    box-shadow: 0 2px 20px var(--dark-shadow) !important;
}

:root[data-theme="dark"] .navbar.scrolled,
:root[data-theme="dark"] #mainNavbar.scrolled {
    background: rgba(26, 32, 44, 0.95) !important;
    backdrop-filter: blur(10px);
}

:root[data-theme="dark"] .navbar-brand {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .navbar-brand:hover {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .navbar-nav .nav-link {
    color: var(--dark-text-secondary) !important;
    transition: all 0.3s ease;
}

:root[data-theme="dark"] .navbar-nav .nav-link:hover {
    color: var(--dark-accent) !important;
    background: rgba(79, 209, 197, 0.1) !important;
}

:root[data-theme="dark"] .navbar-nav .nav-link.active {
    color: var(--dark-accent) !important;
    background: rgba(79, 209, 197, 0.15) !important;
}

:root[data-theme="dark"] .navbar-toggler {
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .navbar-toggler:hover {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-accent) !important;
}

/* Hamburger menü çizgilerini beyaz yap */
:root[data-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Mobil görünümde hamburger menü tuşu */
@media (max-width: 991.98px) {
    :root[data-theme="dark"] .navbar-toggler {
        border-color: var(--dark-border) !important;
        color: #ffffff !important;
    }
    
    :root[data-theme="dark"] .navbar-toggler:hover {
        background: var(--dark-bg-tertiary) !important;
        border-color: var(--dark-accent) !important;
        color: #ffffff !important;
    }
    
    :root[data-theme="dark"] .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25) !important;
        color: #ffffff !important;
    }
    
    :root[data-theme="dark"] .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
}

/* ===== DARK MODE TOGGLE BUTTON ===== */
:root[data-theme="dark"] #darkModeToggle {
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
    background: transparent !important;
}

:root[data-theme="dark"] #darkModeToggle:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
    box-shadow: 0 4px 12px rgba(79, 209, 197, 0.3) !important;
    transform: translateY(-2px);
}

/* ===== USER PROFILE ===== */
:root[data-theme="dark"] .profile-img-navbar {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .profile-img-navbar i {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .user-profile .dropdown-toggle {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .user-profile .dropdown-toggle:hover {
    color: var(--dark-accent) !important;
}

/* ===== DROPDOWN MENU ===== */
:root[data-theme="dark"] .dropdown-menu {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 10px 30px var(--dark-shadow-strong) !important;
}

:root[data-theme="dark"] .dropdown-item {
    color: var(--dark-text-primary) !important;
    transition: all 0.3s ease;
}

:root[data-theme="dark"] .dropdown-item:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

/* More specific dropdown item styles for better visibility */
[data-theme="dark"] .dropdown-item {
    color: #f7fafc !important;
    background-color: transparent !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: #4FD1C5 !important;
    color: #1a202c !important;
}

[data-theme="dark"] .dropdown-item:focus {
    background-color: #4FD1C5 !important;
    color: #1a202c !important;
}

/* User profile dropdown specific styles */
[data-theme="dark"] .user-profile-dropdown .dropdown-item {
    color: #f7fafc !important;
    background-color: transparent !important;
}

[data-theme="dark"] .user-profile-dropdown .dropdown-item:hover {
    background-color: #4FD1C5 !important;
    color: #1a202c !important;
}

[data-theme="dark"] .user-profile-dropdown .dropdown-item:focus {
    background-color: #4FD1C5 !important;
    color: #1a202c !important;
}

/* ===== HERO SECTION ===== */
:root[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%) !important;
    position: relative;
}

:root[data-theme="dark"] .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 20%, rgba(79, 209, 197, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 70% 80%, rgba(22, 163, 74, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

:root[data-theme="dark"] .hero-content h1,
:root[data-theme="dark"] .hero-content h2,
:root[data-theme="dark"] .hero-content p {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .hero-badge {
    background: rgba(79, 209, 197, 0.2) !important;
    color: var(--dark-accent) !important;
    border: 1px solid rgba(79, 209, 197, 0.3) !important;
}

:root[data-theme="dark"] .hero-stats .stat-item {
    background: rgba(45, 55, 72, 0.6) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
    backdrop-filter: blur(10px);
}

/* ===== SECTIONS ===== */
:root[data-theme="dark"] .features-section,
:root[data-theme="dark"] .pricing-section,
:root[data-theme="dark"] .modern-stats-section,
:root[data-theme="dark"] .modern-demo-section,
:root[data-theme="dark"] .cta-section,
:root[data-theme="dark"] .contact-section {
    background: var(--dark-bg-secondary) !important;
}

:root[data-theme="dark"] .faq-section,
:root[data-theme="dark"] .testimonials-section,
:root[data-theme="dark"] .mobile-app-section {
    background: var(--dark-bg-primary) !important;
}

/* ===== SECTION DIVIDERS AND BORDERS ===== */
/* Fix white lines/dividers in dark mode */
:root[data-theme="dark"] hr,
:root[data-theme="dark"] .divider,
:root[data-theme="dark"] .section-divider,
:root[data-theme="dark"] .border-top,
:root[data-theme="dark"] .border-bottom {
    border-color: var(--dark-border) !important;
    background-color: var(--dark-border) !important;
}

/* Demo sections specific dividers - Remove all borders */
:root[data-theme="dark"] .demo-features,
:root[data-theme="dark"] .demo-video-section,
:root[data-theme="dark"] .interactive-demo,
:root[data-theme="dark"] .demo-cta {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Remove any white borders or lines */
:root[data-theme="dark"] * {
    border-color: var(--dark-border) !important;
}

/* Specific fixes for common white line issues */
:root[data-theme="dark"] .container,
:root[data-theme="dark"] .row,
:root[data-theme="dark"] .col,
:root[data-theme="dark"] .col-* {
    border-color: transparent !important;
}

/* Fix any remaining white elements */
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .text-white {
    background-color: var(--dark-bg-secondary) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== SECTION HEADERS ===== */
:root[data-theme="dark"] .section-title,
:root[data-theme="dark"] .highlighted-title,
:root[data-theme="dark"] .modern-demo-title,
:root[data-theme="dark"] .cta-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .section-subtitle,
:root[data-theme="dark"] .highlighted-subtitle,
:root[data-theme="dark"] .modern-demo-desc,
:root[data-theme="dark"] .cta-description {
    color: var(--dark-text-secondary) !important;
}

/* ===== CARDS ===== */
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .feature-card,
:root[data-theme="dark"] .pricing-card,
:root[data-theme="dark"] .modern-stat-card,
:root[data-theme="dark"] .sidebar-card,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .filter-section,
:root[data-theme="dark"] .article-card,
:root[data-theme="dark"] .post-card,
:root[data-theme="dark"] .featured-article,
:root[data-theme="dark"] .testimonial-card,
:root[data-theme="dark"] .modern-faq-card,
:root[data-theme="dark"] .mobile-app-box {
    background: #1a2430 !important; /* a touch lighter for better contrast */
    color: var(--dark-text-primary) !important;
    border: 1px solid rgba(76, 90, 110, .55) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.35) !important;
    transition: all 0.3s ease;
}

/* Enhanced text visibility for feature cards in dark mode */
:root[data-theme="dark"] .feature-card h3,
:root[data-theme="dark"] .feature-card h4,
:root[data-theme="dark"] .feature-card h5,
:root[data-theme="dark"] .feature-card h6 {
    color: #f8fafc !important; /* Much lighter for better contrast */
}

:root[data-theme="dark"] .feature-card p,
:root[data-theme="dark"] .feature-card .feature-description {
    color: #e2e8f0 !important; /* Lighter secondary text */
}

:root[data-theme="dark"] .feature-card .tag {
    background: rgba(79, 209, 197, 0.2) !important;
    color: #cbd5e0 !important; /* Lighter tag text */
    border: 1px solid rgba(79, 209, 197, 0.3) !important;
}

:root[data-theme="dark"] .feature-card .tag:hover {
    background: rgba(79, 209, 197, 0.4) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .card:hover,
:root[data-theme="dark"] .feature-card:hover,
:root[data-theme="dark"] .pricing-card:hover,
:root[data-theme="dark"] .modern-stat-card:hover,
:root[data-theme="dark"] .highlighted-post-card:hover,
:root[data-theme="dark"] .featured-post-card:hover,
:root[data-theme="dark"] .testimonial-card:hover,
:root[data-theme="dark"] .modern-faq-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px var(--dark-shadow-strong) !important;
    border-color: var(--dark-accent) !important;
}

/* Blog & Forum lists */
:root[data-theme="dark"] .category-list .category-item,
:root[data-theme="dark"] .popular-articles .popular-article,
:root[data-theme="dark"] .tag-cloud .tag,
:root[data-theme="dark"] .active-members .member-item {
    background: #223145 !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid rgba(76, 90, 110, .55) !important;
}
/* Ensure nested text inside member items is visible */
:root[data-theme="dark"] .active-members .member-item .member-info,
:root[data-theme="dark"] .active-members .member-item .member-info * {
    color: var(--dark-text-primary) !important;
}
:root[data-theme="dark"] .active-members .member-item .member-posts {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .category-list .category-item.active,
:root[data-theme="dark"] .tag-cloud .tag:hover {
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

/* ===== FEATURES SLIDER ===== */
:root[data-theme="dark"] .features-slider-track {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .features-slider-track .feature-card {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border-light) !important;
}

/* ===== FORMS ===== */
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
    transition: all 0.3s ease;
}

:root[data-theme="dark"] .form-control:focus,
:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] textarea:focus,
:root[data-theme="dark"] select:focus {
    background: var(--dark-bg-quaternary) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25) !important;
}

:root[data-theme="dark"] .form-control::placeholder {
    color: var(--dark-text-muted) !important;
}

/* ===== BUTTONS ===== */
:root[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, var(--dark-accent) 0%, var(--dark-accent-hover) 100%) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important; /* Ensure white text for better contrast */
    transition: all 0.3s ease;
}

:root[data-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, var(--dark-accent-hover) 0%, var(--dark-accent-dark) 100%) !important;
    border-color: var(--dark-accent-hover) !important;
    color: #ffffff !important; /* Maintain white text on hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(79, 209, 197, 0.3) !important;
}

/* Enhanced button text visibility */
:root[data-theme="dark"] .btn-primary span,
:root[data-theme="dark"] .btn-primary i {
    color: #ffffff !important;
}

:root[data-theme="dark"] .btn-primary:hover span,
:root[data-theme="dark"] .btn-primary:hover i {
    color: #ffffff !important;
}

:root[data-theme="dark"] .btn-outline-primary {
    background: transparent !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .btn-outline-primary:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .btn-outline-light {
    background: transparent !important;
    border-color: var(--dark-text-secondary) !important;
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .btn-outline-light:hover {
    background: var(--dark-text-secondary) !important;
    border-color: var(--dark-text-secondary) !important;
    color: var(--dark-bg-primary) !important;
}

/* ===== MODAL ===== */
:root[data-theme="dark"] .modal-content {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 20px 60px var(--dark-shadow-strong) !important;
}

/* ===== SİPARİŞ MODALI DARK MODE ===== */
:root[data-theme="dark"] .order-modal-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

:root[data-theme="dark"] .order-modal {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 20px 60px var(--dark-shadow-strong) !important;
}

:root[data-theme="dark"] .order-modal-title {
    color: var(--dark-text-primary) !important;
}
/* Dark: floating label ve placeholder görünürlüğü */
:root[data-theme="dark"] #orderForm .form-group label {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-secondary) !important;
    border-radius: 4px !important;
}

:root[data-theme="dark"] #orderForm .form-control:focus + label,
:root[data-theme="dark"] #orderForm .form-control:not(:placeholder-shown) + label,
:root[data-theme="dark"] #orderForm .form-control:not([value=""]) + label,
:root[data-theme="dark"] #orderForm .form-control.has-value + label,
:root[data-theme="dark"] #orderForm textarea.form-control:focus + label,
:root[data-theme="dark"] #orderForm textarea.form-control:not(:placeholder-shown) + label,
:root[data-theme="dark"] #orderForm textarea.form-control.has-value + label {
    top: -8px !important;
    left: 40px !important;
    font-size: 0.82rem !important;
    color: var(--dark-accent) !important;
    background: var(--dark-bg-secondary) !important;
    padding: 0 4px !important;
    transform: none !important;
    z-index: 10 !important;
}
:root[data-theme="dark"] #orderForm .form-control::placeholder,
:root[data-theme="dark"] #orderForm textarea.form-control::placeholder {
    color: var(--dark-text-muted) !important;
    opacity: .75 !important;
}

:root[data-theme="dark"] #orderForm .form-control[readonly] {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-muted) !important;
    cursor: not-allowed !important;
    border-color: var(--dark-border) !important;
}

:root[data-theme="dark"] .order-modal-close {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .order-modal-close:hover {
    color: #ff6b6b !important;
}

:root[data-theme="dark"] .form-group label {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .form-control {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

:root[data-theme="dark"] .form-control:focus {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25) !important;
    outline: none !important;
}

:root[data-theme="dark"] .form-control::placeholder {
    color: var(--dark-text-muted) !important;
    opacity: 0.7 !important;
    font-size: 14px !important;
}

:root[data-theme="dark"] .form-control:hover {
    border-color: var(--dark-accent) !important;
    background: var(--dark-bg-secondary) !important;
}

:root[data-theme="dark"] .input-icon {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .btn-primary {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #fff !important;
}

:root[data-theme="dark"] .btn-primary:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
}

/* ===== TEXTAREA VE ÖZEL FORM ELEMENTLERİ ===== */
:root[data-theme="dark"] textarea.form-control {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    resize: vertical !important;
    min-height: 80px !important;
}

:root[data-theme="dark"] textarea.form-control:focus {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25) !important;
    outline: none !important;
}

:root[data-theme="dark"] textarea.form-control::placeholder {
    color: var(--dark-text-muted) !important;
    opacity: 0.7 !important;
}

/* ===== READ-ONLY ALANLAR ===== */
:root[data-theme="dark"] .form-control[readonly] {
    background: var(--dark-bg-primary) !important;
    color: var(--dark-text-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    cursor: not-allowed !important;
}

/* ===== FORM GRID DÜZENİ ===== */
:root[data-theme="dark"] .form-group {
    margin-bottom: 16px !important;
}

:root[data-theme="dark"] .form-group.full-row {
    grid-column: 1 / -1 !important;
}

/* ===== INPUT İKONLARI ===== */
:root[data-theme="dark"] .input-icon {
    color: var(--dark-text-secondary) !important;
    transition: color 0.3s ease !important;
}

:root[data-theme="dark"] .form-control:focus + .input-icon,
:root[data-theme="dark"] .form-group:focus-within .input-icon {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .modal-header {
    border-bottom: 1px solid var(--dark-border) !important;
    background: var(--dark-bg-tertiary) !important;
}

/* ===== NOTIFICATION SYSTEM DARK MODE ===== */
:root[data-theme="dark"] .modern-notification {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 32px var(--dark-shadow-strong) !important;
}

:root[data-theme="dark"] .notification-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .notification-message {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .notification-close {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .notification-close:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .notification-success .notification-icon {
    background: rgba(16, 185, 129, 0.2) !important;
}

:root[data-theme="dark"] .notification-error .notification-icon {
    background: rgba(239, 68, 68, 0.2) !important;
}

:root[data-theme="dark"] .notification-warning .notification-icon {
    background: rgba(245, 158, 11, 0.2) !important;
}

:root[data-theme="dark"] .notification-info .notification-icon {
    background: rgba(59, 130, 246, 0.2) !important;
}

:root[data-theme="dark"] .notification-loading .notification-icon {
    background: rgba(79, 209, 197, 0.2) !important;
}

/* ===== CONTACT SECTION DARK MODE ===== */
:root[data-theme="dark"] .contact-section { background: transparent !important; }
:root[data-theme="dark"] .contact-info-box {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 24px var(--dark-shadow-strong, rgba(0,0,0,.45)) !important;
}
:root[data-theme="dark"] .contact-info-box h2,
:root[data-theme="dark"] .contact-info-box p,
:root[data-theme="dark"] .contact-info-list li { color: var(--dark-text-primary) !important; }
:root[data-theme="dark"] .contact-info-list i { color: var(--dark-accent) !important; }

:root[data-theme="dark"] .contact-form-wrapper {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 12px 32px var(--dark-shadow-strong, rgba(0,0,0,.45)) !important;
}

:root[data-theme="dark"] .modern-contact-form label { color: var(--dark-text-secondary) !important; }
:root[data-theme="dark"] .modern-contact-form .form-control {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}
:root[data-theme="dark"] .modern-contact-form .form-control:focus {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-accent) !important;
    box-shadow: 0 0 0 3px rgba(79,209,197,.18) !important;
}
:root[data-theme="dark"] .modern-contact-form .form-control::placeholder { color: var(--dark-text-muted) !important; opacity: .8 !important; }

:root[data-theme="dark"] .modern-contact-form .btn-primary {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #fff !important;
}
:root[data-theme="dark"] .modern-contact-form .btn-primary:hover {
    background: var(--dark-accent-hover, #2fb0a3) !important;
    border-color: var(--dark-accent-hover, #2fb0a3) !important;
}

:root[data-theme="dark"] .modal-footer {
    border-top: 1px solid var(--dark-border) !important;
    background: var(--dark-bg-tertiary) !important;
}

:root[data-theme="dark"] .modal-title {
    color: var(--dark-text-primary) !important;
}

/* ===== FORUM MODAL VE FORM ELEMENTLERİ ===== */
:root[data-theme="dark"] .post-detail {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .reply-section {
    background: var(--dark-bg-secondary) !important;
    border-top: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .reply-form-main {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 8px !important;
    padding: 15px !important;
}

:root[data-theme="dark"] .reply-form-main textarea {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .reply-form-main textarea::placeholder {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .reply-item {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
}

:root[data-theme="dark"] .reply-header {
    border-bottom: 1px solid var(--dark-border) !important;
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
}

:root[data-theme="dark"] .reply-author {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .reply-date {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .reply-content {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .reply-btn {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .reply-btn:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .reply-form-nested {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 6px !important;
    padding: 10px !important;
    margin-top: 10px !important;
}

:root[data-theme="dark"] .reply-form-nested textarea {
    background: var(--dark-bg-primary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .reply-form-nested textarea::placeholder {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .send-nested-reply,
:root[data-theme="dark"] .cancel-nested-reply {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .send-nested-reply:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .no-replies-message {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .replies-loading {
    color: var(--dark-text-muted) !important;
}

/* ===== FORUM POST TAGS VE BUTTONS ===== */
:root[data-theme="dark"] .post-tag {
    background: var(--dark-bg-quaternary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .post-tag:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .btn-post-action {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .btn-post-action:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
    border-color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .post-actions-buttons .btn {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .post-actions-buttons .btn:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
    border-color: var(--dark-accent) !important;
}

/* ===== FORUM POST CONTENT ===== */
:root[data-theme="dark"] .post-content {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .post-content-full {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .post-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .post-detail .post-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .post-detail .post-content-full {
    color: var(--dark-text-primary) !important;
}

/* ===== BLOG YORUMLARI ===== */
:root[data-theme="dark"] .comment-item {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
}

:root[data-theme="dark"] .comment-header {
    margin-bottom: 12px !important;
}

:root[data-theme="dark"] .comment-author-info {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

:root[data-theme="dark"] .comment-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

:root[data-theme="dark"] .comment-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

:root[data-theme="dark"] .comment-author {
    color: var(--dark-accent) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

:root[data-theme="dark"] .comment-date {
    color: var(--dark-text-muted) !important;
    font-size: 12px !important;
}

:root[data-theme="dark"] .comment-content {
    color: var(--dark-text-secondary) !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
}

:root[data-theme="dark"] .comments-header {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
}

:root[data-theme="dark"] .comments-header h5 {
    color: var(--dark-text-primary) !important;
    margin: 0 !important;
}

:root[data-theme="dark"] .comment-count-badge {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
    border-radius: 12px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-left: 8px !important;
}

:root[data-theme="dark"] .comment-form {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

:root[data-theme="dark"] .comment-form textarea {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
    border-radius: 8px !important;
}

:root[data-theme="dark"] .comment-form textarea::placeholder {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .comment-form .btn-primary {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
    border-radius: 8px !important;
}

:root[data-theme="dark"] .comment-form .btn-primary:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
}

/* ===== BLOG KARTLARI ===== */
:root[data-theme="dark"] .article-card {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-card .article-image {
    border-radius: 8px 8px 0 0 !important;
}

:root[data-theme="dark"] .article-card .article-category {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .article-card .article-meta {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .article-card .article-meta i {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .article-card .article-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-card .article-excerpt {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .article-card .article-tag {
    background: var(--dark-bg-quaternary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .article-card .article-tag:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .article-card .article-stats {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .article-card .article-stats i {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .article-card .btn-read-more {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .article-card .btn-read-more:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
}

/* ===== ÖNE ÇIKAN MAKALE ===== */
:root[data-theme="dark"] .featured-article {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .featured-article .featured-badge {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .featured-article h2 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .featured-article p {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .featured-article .featured-meta {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .featured-article .featured-meta i {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .featured-article .btn-primary {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .featured-article .btn-primary:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
}

/* ===== BLOG SIDEBAR ===== */
:root[data-theme="dark"] .blog-sidebar {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-sidebar .sidebar-title {
    color: var(--dark-text-primary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-sidebar .category-item {
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-sidebar .category-item:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .blog-sidebar .tag-item {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-sidebar .tag-item:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .blog-sidebar .popular-article {
    border-bottom: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-sidebar .popular-article:hover {
    background: var(--dark-bg-tertiary) !important;
}

:root[data-theme="dark"] .blog-sidebar .popular-article h6 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-sidebar .popular-article .article-meta {
    color: var(--dark-text-muted) !important;
}

/* ===== BLOG FILTERS ===== */
:root[data-theme="dark"] .blog-filters {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-filters .form-control {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-filters .form-control::placeholder {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .blog-filters .btn {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-filters .btn:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .blog-filters .btn.active {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

/* ===== POPÜLER MAKALELER ===== */
:root[data-theme="dark"] .popular-article {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    transition: all 0.3s ease !important;
}

:root[data-theme="dark"] .popular-article:hover {
    background: var(--dark-bg-quaternary) !important;
    border-color: var(--dark-accent) !important;
    transform: translateY(-2px) !important;
}

:root[data-theme="dark"] .popular-article h6 {
    color: var(--dark-text-primary) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.4 !important;
}

:root[data-theme="dark"] .popular-date {
    color: var(--dark-text-muted) !important;
    font-size: 12px !important;
}

:root[data-theme="dark"] .popular-image img {
    border: 1px solid var(--dark-border) !important;
}

/* ===== POPÜLER ETİKETLER ===== */
:root[data-theme="dark"] .tag-item {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 16px !important;
    padding: 6px 12px !important;
    margin: 2px !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
}

:root[data-theme="dark"] .tag-item:hover {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
    border-color: var(--dark-accent) !important;
    transform: translateY(-1px) !important;
}

/* ===== FOOTER ===== */
:root[data-theme="dark"] .footer {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-primary) !important;
    border-top: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .footer h5 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .footer p,
:root[data-theme="dark"] .footer li {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .footer a {
    color: var(--dark-accent) !important;
    transition: color 0.3s ease;
}

:root[data-theme="dark"] .footer a:hover {
    color: var(--dark-accent-hover) !important;
}

/* ===== LINKS ===== */
:root[data-theme="dark"] a {
    color: var(--dark-accent) !important;
    transition: color 0.3s ease;
}

:root[data-theme="dark"] a:hover {
    color: var(--dark-accent-hover) !important;
}

/* ===== SCROLLBAR ===== */
:root[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
}

:root[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dark-bg-secondary);
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--dark-border);
    border-radius: 4px;
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--dark-accent);
}

/* ===== SELECTION ===== */
:root[data-theme="dark"] ::selection {
    background: var(--dark-accent);
    color: var(--dark-bg-primary);
}

/* ===== FOCUS STATES ===== */
:root[data-theme="dark"] .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25) !important;
}

/* ===== ALERT ===== */
:root[data-theme="dark"] .alert {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .alert-success {
    background: rgba(72, 187, 120, 0.1) !important;
    border-color: var(--dark-success) !important;
    color: var(--dark-success) !important;
}

:root[data-theme="dark"] .alert-warning {
    background: rgba(237, 137, 54, 0.1) !important;
    border-color: var(--dark-warning) !important;
    color: var(--dark-warning) !important;
}

:root[data-theme="dark"] .alert-danger {
    background: rgba(245, 101, 101, 0.1) !important;
    border-color: var(--dark-error) !important;
    color: var(--dark-error) !important;
}

:root[data-theme="dark"] .alert-info {
    background: rgba(66, 153, 225, 0.1) !important;
    border-color: var(--dark-info) !important;
    color: var(--dark-info) !important;
}

/* ===== BADGE ===== */
:root[data-theme="dark"] .badge {
    background: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

/* ===== PAGINATION ===== */
:root[data-theme="dark"] .page-link {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .page-link:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

:root[data-theme="dark"] .page-item.active .page-link {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-bg-primary) !important;
}

/* ===== TOOLTIP ===== */
:root[data-theme="dark"] .tooltip-inner {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== BLOG & FORUM REFINEMENTS ===== */
:root[data-theme="dark"] .page-title {
    background: linear-gradient(135deg, #e6fffb 0%, var(--dark-accent) 50%, #e6fffb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ===== FORUM STAT CARDS DARK MODE ===== */
:root[data-theme="dark"] .forum-stats .stat-card {
    background: rgba(45, 55, 72, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    color: #F8FAFC !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

:root[data-theme="dark"] .forum-stats .stat-card:hover {
    background: rgba(45, 55, 72, 0.9) !important;
    border-color: var(--dark-accent) !important;
    box-shadow: 0 12px 40px rgba(79, 209, 197, 0.3) !important;
    transform: translateY(-8px) scale(1.02) !important;
}

:root[data-theme="dark"] .forum-stats .stat-card h3 {
    color: #F8FAFC !important;
    background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

:root[data-theme="dark"] .forum-stats .stat-card p {
    color: #CBD5E0 !important;
}

:root[data-theme="dark"] .forum-stats .stat-card i {
    color: var(--dark-accent) !important;
    filter: drop-shadow(0 2px 4px rgba(79, 209, 197, 0.3)) !important;
}

/* ===== GENERAL STAT CARDS DARK MODE ===== */
:root[data-theme="dark"] .stat-card {
    border-radius: 14px !important;
    background: linear-gradient(145deg, var(--dark-bg-tertiary) 0%, var(--dark-bg-secondary) 100%) !important;
    border: 1px solid var(--dark-border) !important;
}
:root[data-theme="dark"] .stat-card h3,
:root[data-theme="dark"] .stat-card .stat-number { color: var(--dark-text-primary) !important; }
:root[data-theme="dark"] .stat-card p,
:root[data-theme="dark"] .stat-card .stat-label { color: var(--dark-text-secondary) !important; }

:root[data-theme="dark"] .stat-card .stat-icon {
    background: rgba(79, 209, 197, .12) !important;
    border: 1px solid rgba(79, 209, 197, .25) !important;
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .filter-section {
    border-radius: 12px !important;
    background: #16202b !important;
    border: 1px solid rgba(76, 90, 110, .55) !important;
}

:root[data-theme="dark"] .sidebar-card {
    border-radius: 12px !important;
}

:root[data-theme="dark"] .sidebar-card h5 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .category-list .category-item .count {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .popular-articles .popular-article:hover,
:root[data-theme="dark"] .active-members .member-item:hover,
:root[data-theme="dark"] .article-card:hover,
:root[data-theme="dark"] .post-card:hover {
    border-color: var(--dark-accent) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.55) !important;
    transform: translateY(-3px);
}

:root[data-theme="dark"] .featured-article .featured-overlay {
    background: linear-gradient(180deg, rgba(10,14,19,.1) 0%, rgba(10,14,19,.7) 100%) !important;
}

:root[data-theme="dark"] .tag-cloud .tag {
    border-radius: 999px !important;
    padding: 6px 10px !important;
    color: var(--dark-text-secondary) !important;
}

/* Inputs inside filter/search rows */
:root[data-theme="dark"] .filter-section .form-control,
:root[data-theme="dark"] .filter-section select {
    background: #223145 !important;
    border-color: rgba(76, 90, 110, .6) !important;
}

/* Fix clipped text in selects (closed state) */
:root[data-theme="dark"] select.form-control,
:root[data-theme="dark"] .filter-section select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.6 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 44px !important;
}

:root[data-theme="dark"] .filter-section .form-control::placeholder {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .bs-tooltip-top .arrow::before {
    border-top-color: var(--dark-bg-tertiary) !important;
}

/* ===== POPOVER ===== */
:root[data-theme="dark"] .popover {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .popover-header {
    background: var(--dark-bg-tertiary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .popover-body {
    color: var(--dark-text-primary) !important;
}

/* ===== ACCORDION ===== */
:root[data-theme="dark"] .accordion-item {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .accordion-button {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: var(--dark-bg-quaternary) !important;
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .accordion-button::after {
    filter: invert(1);
}

:root[data-theme="dark"] .accordion-body {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== TABS ===== */
:root[data-theme="dark"] .nav-tabs {
    border-bottom: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .nav-tabs .nav-link {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .nav-tabs .nav-link:hover {
    background: var(--dark-bg-quaternary) !important;
    border-color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .nav-tabs .nav-link.active {
    background: var(--dark-bg-quaternary) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .tab-content {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== SPINNER ===== */
:root[data-theme="dark"] .spinner-border {
    border-color: var(--dark-accent) !important;
    border-right-color: transparent !important;
}

:root[data-theme="dark"] .spinner-grow {
    background: var(--dark-accent) !important;
}

/* ===== PROGRESS BAR ===== */
:root[data-theme="dark"] .progress {
    background: var(--dark-bg-tertiary) !important;
}

:root[data-theme="dark"] .progress-bar {
    background: var(--dark-accent) !important;
}

/* ===== LIST GROUP ===== */
:root[data-theme="dark"] .list-group-item {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .list-group-item:hover {
    background: var(--dark-bg-quaternary) !important;
}

/* ===== BREADCRUMB ===== */
:root[data-theme="dark"] .breadcrumb {
    background: var(--dark-bg-tertiary) !important;
}

:root[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--dark-text-muted) !important;
}

/* ===== TABLE ===== */
:root[data-theme="dark"] .table {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .table th,
:root[data-theme="dark"] .table td {
    border-color: var(--dark-border) !important;
}

:root[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: var(--dark-bg-quaternary) !important;
}

/* ===== CODE BLOCKS ===== */
:root[data-theme="dark"] code,
:root[data-theme="dark"] pre {
    background: var(--dark-bg-quaternary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

/* ===== BLOCKQUOTE ===== */
:root[data-theme="dark"] blockquote {
    border-left: 4px solid var(--dark-accent) !important;
    background: var(--dark-bg-quaternary) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== GLASS EFFECTS ===== */
:root[data-theme="dark"] .glass,
:root[data-theme="dark"] .glassmorph {
    background: rgba(45, 55, 72, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(74, 85, 104, 0.3) !important;
}

/* ===== ANIMATIONS ===== */
:root[data-theme="dark"] * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 768px) {
    :root[data-theme="dark"] .hero-section {
        background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%) !important;
    }
    
    :root[data-theme="dark"] .card,
    :root[data-theme="dark"] .feature-card,
    :root[data-theme="dark"] .pricing-card {
    margin-bottom: 1rem;
}
}

/* ===== DARK MODE: FUTURISTIC GRID ===== */
[data-theme="dark"] .logo-ring {
    border-color: rgba(0, 212, 170, 0.8) !important;
    box-shadow: 0 0 30px rgba(0, 212, 170, 0.5) !important;
}

[data-theme="dark"] .logo-ring-2 {
    border-color: rgba(0, 212, 170, 0.6) !important;
    box-shadow: 0 0 25px rgba(0, 212, 170, 0.4) !important;
}

[data-theme="dark"] .central-logo {
    filter: drop-shadow(0 0 25px rgba(0, 212, 170, 0.6)) !important;
}

[data-theme="dark"] .feature-pill {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] .feature-pill:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%) !important;
    border-color: rgba(0, 212, 170, 0.7) !important;
    box-shadow: 0 10px 40px rgba(0, 212, 170, 0.3) !important;
}

[data-theme="dark"] .connection-line {
    background: linear-gradient(90deg, transparent 0%, rgba(0, 212, 170, 0.5) 50%, transparent 100%) !important;
}

[data-theme="dark"] .floating-dot {
    background: #4FD1C5 !important;
    box-shadow: 0 0 10px rgba(0, 212, 170, 0.6) !important;
}

/* ===== DARK MODE: HERO STATS MODERN ===== */
[data-theme="dark"] .stat-item-modern {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(0, 212, 170, 0.3) !important;
    box-shadow: 0 4px 20px rgba(0, 212, 170, 0.15) !important;
}

[data-theme="dark"] .stat-item-modern:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(0, 212, 170, 0.5) !important;
    box-shadow: 0 8px 30px rgba(0, 212, 170, 0.25) !important;
}

[data-theme="dark"] .stat-number-modern {
    color: #fff !important;
}

[data-theme="dark"] .stat-label-modern {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ===== DARK MODE: FOOTER ===== */
[data-theme="dark"] .footer-social a {
    background: rgba(0, 212, 170, 0.1) !important;
    color: #4FD1C5 !important;
    border-color: rgba(0, 212, 170, 0.3) !important;
}

[data-theme="dark"] .footer-social a:hover {
    background: #4FD1C5 !important;
    border-color: #4FD1C5 !important;
    color: #fff !important;
}

[data-theme="dark"] .footer ul li a:hover {
    color: #4FD1C5 !important;
}

[data-theme="dark"] .footer-links a:hover {
    color: #4FD1C5 !important;
}

[data-theme="dark"] .footer-legal a:hover {
    color: #4FD1C5 !important;
}

[data-theme="dark"] .pill-text {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* ===== DARK MODE: CLEAN MEDICAL THEME ===== */
[data-theme="dark"] .features-section {
    background: #1f2937 !important;
}

/* Dark Mode Floating Elements */
[data-theme="dark"] .features-section::before {
    background: linear-gradient(135deg, rgba(79, 209, 197, 0.2) 0%, rgba(16, 185, 129, 0.2) 50%, rgba(79, 209, 197, 0.15) 100%) !important;
    box-shadow: 0 0 25px rgba(79, 209, 197, 0.3) !important;
}

[data-theme="dark"] .features-section::after {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(79, 209, 197, 0.2) 50%, rgba(16, 185, 129, 0.15) 100%) !important;
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.3) !important;
}

[data-theme="dark"] .features-section .floating-element-1 {
    background: linear-gradient(135deg, rgba(79, 209, 197, 0.25) 0%, rgba(16, 185, 129, 0.25) 100%) !important;
    box-shadow: 0 0 20px rgba(79, 209, 197, 0.4) !important;
}

[data-theme="dark"] .features-section .floating-element-2 {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.25) 0%, rgba(79, 209, 197, 0.25) 100%) !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4) !important;
}

[data-theme="dark"] .features-section .floating-element-3 {
    background: linear-gradient(135deg, rgba(79, 209, 197, 0.3) 0%, rgba(16, 185, 129, 0.3) 100%) !important;
    box-shadow: 0 0 20px rgba(79, 209, 197, 0.5) !important;
}

[data-theme="dark"] .features-section .feature-card {
    background: 
        linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(248, 250, 252, 0.12) 50%, rgba(255, 255, 255, 0.08) 100%) !important;
    border-image: linear-gradient(135deg, #4FD1C5 0%, #38B2AC 50%, #4FD1C5 100%) 1 !important;
    box-shadow: 
        0 10px 40px rgba(79, 209, 197, 0.2),
        0 4px 20px rgba(16, 185, 129, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -1px 0 rgba(79, 209, 197, 0.15) !important;
}

[data-theme="dark"] .features-section .feature-card:hover {
    background: 
        linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(248, 250, 252, 0.18) 50%, rgba(255, 255, 255, 0.12) 100%) !important;
    box-shadow: 
        0 20px 60px rgba(79, 209, 197, 0.3),
        0 10px 30px rgba(16, 185, 129, 0.25),
        0 0 40px rgba(79, 209, 197, 0.2),
        inset 0 2px 0 rgba(255, 255, 255, 0.15),
        inset 0 -2px 0 rgba(79, 209, 197, 0.25) !important;
}

[data-theme="dark"] .features-section .section-title {
    background: linear-gradient(135deg, #f8fafc 0%, #38B2AC 50%, #f8fafc 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

[data-theme="dark"] .features-section .section-subtitle {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .features-section h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .features-section .feature-card:hover h3 {
    color: #4FD1C5 !important;
}

[data-theme="dark"] .features-section .feature-card p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .features-section .feature-card:hover p {
    color: #cbd5e1 !important;
}

/* ===== CTA BUTTONS DARK MODE ===== */
[data-theme="dark"] .btn-cta-primary {
    color: white !important;
}

[data-theme="dark"] .btn-cta-primary:hover {
    color: white !important;
}

[data-theme="dark"] .btn-cta-primary span {
    color: white !important;
}

[data-theme="dark"] .btn-cta-primary i {
    color: white !important;
}

[data-theme="dark"] .btn-cta-primary:hover i {
    color: white !important;
}

/* ===== DEMO PAGE SPECIFIC IMPROVEMENTS ===== */
/* Enhanced text visibility for demo page elements */
:root[data-theme="dark"] .demo-hero .hero-title,
:root[data-theme="dark"] .demo-hero .hero-description {
    color: var(--dark-text-primary) !important;
}

/* Demo Features Section Dark Mode Background */
:root[data-theme="dark"] .demo-features {
    background: linear-gradient(135deg, #1A202C 0%, #2D3748 100%) !important;
    border: none !important;
}

/* Demo Video Section Dark Mode Background */
:root[data-theme="dark"] .demo-video-section {
    background: linear-gradient(135deg, #2D3748 0%, #1A202C 100%) !important;
    border: none !important;
}

:root[data-theme="dark"] .demo-features .section-title,
:root[data-theme="dark"] .demo-features .section-subtitle {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .demo-features .feature-card h3 {
    color: #f8fafc !important; /* Very light for titles */
}

:root[data-theme="dark"] .demo-features .feature-card p {
    color: #e2e8f0 !important; /* Light for descriptions */
}

:root[data-theme="dark"] .demo-features .feature-card .tag {
    color: #cbd5e0 !important; /* Light for tags */
    background: rgba(79, 209, 197, 0.2) !important;
    border: 1px solid rgba(79, 209, 197, 0.3) !important;
}

:root[data-theme="dark"] .demo-features .feature-card .tag:hover {
    color: #ffffff !important;
    background: rgba(79, 209, 197, 0.4) !important;
}

/* Demo Features Cards Dark Mode Background */
:root[data-theme="dark"] .demo-features .feature-card {
    background: rgba(45, 55, 72, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(79, 209, 197, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .demo-features .feature-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4) !important;
    border-color: rgba(79, 209, 197, 0.4) !important;
}

/* Interactive demo section improvements */
:root[data-theme="dark"] .interactive-demo .panel-header h3,
:root[data-theme="dark"] .interactive-demo .panel-header p {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .interactive-demo .preview-widget span,
:root[data-theme="dark"] .interactive-demo .patient-info h4,
:root[data-theme="dark"] .interactive-demo .patient-info p,
:root[data-theme="dark"] .interactive-demo .appointment-info h4,
:root[data-theme="dark"] .interactive-demo .appointment-info p {
    color: var(--dark-text-primary) !important;
}

/* Dashboard Preview Widget Specific Improvements */
:root[data-theme="dark"] .preview-widget {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .preview-widget span {
    color: #f8fafc !important; /* Very light text for better visibility */
    font-weight: 500 !important;
}

:root[data-theme="dark"] .preview-widget i {
    color: var(--dark-accent) !important; /* Green accent for icons */
    font-size: 20px !important;
}

:root[data-theme="dark"] .preview-widget:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .preview-widget:hover span {
    color: #ffffff !important; /* White text on hover */
}

:root[data-theme="dark"] .preview-widget:hover i {
    color: #ffffff !important; /* White icons on hover */
}

/* Demo Panel Dark Mode Improvements */
:root[data-theme="dark"] .demo-panel {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 32px var(--dark-shadow-strong) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .demo-panel .panel-header {
    background: var(--dark-bg-tertiary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 20px !important;
}

:root[data-theme="dark"] .demo-panel .panel-header h3 {
    color: var(--dark-text-primary) !important;
    font-weight: 600 !important;
}

:root[data-theme="dark"] .demo-panel .panel-header p {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .demo-panel .panel-preview {
    background: var(--dark-bg-tertiary) !important;
    padding: 20px !important;
}

/* CTA section improvements */
:root[data-theme="dark"] .demo-cta .cta-title,
:root[data-theme="dark"] .demo-cta .cta-description {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .demo-cta .cta-feature {
    color: var(--dark-text-secondary) !important;
}

/* General text improvements for better readability */
:root[data-theme="dark"] h1, 
:root[data-theme="dark"] h2, 
:root[data-theme="dark"] h3, 
:root[data-theme="dark"] h4, 
:root[data-theme="dark"] h5, 
:root[data-theme="dark"] h6 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] p {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .text-muted {
    color: var(--dark-text-muted) !important;
}

/* ===== BLOG PAGE DARK MODE IMPROVEMENTS ===== */
/* Blog Page Specific Dark Mode Styles */
:root[data-theme="dark"] .blog-container,
:root[data-theme="dark"] .blog-main,
:root[data-theme="dark"] .blog-content,
:root[data-theme="dark"] .blog-sidebar,
:root[data-theme="dark"] .main-content,
:root[data-theme="dark"] .article-header,
:root[data-theme="dark"] .article-content,
:root[data-theme="dark"] .comments-section,
:root[data-theme="dark"] .breadcrumb-section {
    background: transparent !important;
}

/* Blog Cards Dark Mode */
:root[data-theme="dark"] .blog-card,
:root[data-theme="dark"] .article-card,
:root[data-theme="dark"] .post-card {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 32px var(--dark-shadow-strong) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-card:hover,
:root[data-theme="dark"] .article-card:hover,
:root[data-theme="dark"] .post-card:hover {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-accent) !important;
    box-shadow: 0 12px 40px var(--dark-shadow-strong) !important;
    transform: translateY(-4px) !important;
}

/* Blog Text Elements */
:root[data-theme="dark"] .blog-card h1,
:root[data-theme="dark"] .blog-card h2,
:root[data-theme="dark"] .blog-card h3,
:root[data-theme="dark"] .blog-card h4,
:root[data-theme="dark"] .blog-card h5,
:root[data-theme="dark"] .blog-card h6,
:root[data-theme="dark"] .article-card h1,
:root[data-theme="dark"] .article-card h2,
:root[data-theme="dark"] .article-card h3,
:root[data-theme="dark"] .article-card h4,
:root[data-theme="dark"] .article-card h5,
:root[data-theme="dark"] .article-card h6 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-card p,
:root[data-theme="dark"] .article-card p,
:root[data-theme="dark"] .post-content p {
    color: var(--dark-text-secondary) !important;
}

/* Blog Meta Information */
:root[data-theme="dark"] .blog-meta,
:root[data-theme="dark"] .article-meta,
:root[data-theme="dark"] .post-meta {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .blog-meta a,
:root[data-theme="dark"] .article-meta a,
:root[data-theme="dark"] .post-meta a {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .blog-meta a:hover,
:root[data-theme="dark"] .article-meta a:hover,
:root[data-theme="dark"] .post-meta a:hover {
    color: var(--dark-accent-hover) !important;
}

/* Blog Tags */
:root[data-theme="dark"] .blog-tags,
:root[data-theme="dark"] .article-tags,
:root[data-theme="dark"] .post-tags {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-tag,
:root[data-theme="dark"] .article-tag,
:root[data-theme="dark"] .post-tag {
    background: rgba(79, 209, 197, 0.2) !important;
    color: var(--dark-text-secondary) !important;
    border: 1px solid rgba(79, 209, 197, 0.3) !important;
}

:root[data-theme="dark"] .blog-tag:hover,
:root[data-theme="dark"] .article-tag:hover,
:root[data-theme="dark"] .post-tag:hover {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

/* Blog Sidebar */
:root[data-theme="dark"] .blog-sidebar .widget,
:root[data-theme="dark"] .sidebar-widget {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 32px var(--dark-shadow-strong) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-sidebar .widget h3,
:root[data-theme="dark"] .blog-sidebar .widget h4,
:root[data-theme="dark"] .sidebar-widget h3,
:root[data-theme="dark"] .sidebar-widget h4 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-sidebar .widget p,
:root[data-theme="dark"] .sidebar-widget p {
    color: var(--dark-text-secondary) !important;
}

/* Blog Search */
:root[data-theme="dark"] .blog-search,
:root[data-theme="dark"] .search-form {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-search input,
:root[data-theme="dark"] .search-form input {
    background: var(--dark-bg-primary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-search input:focus,
:root[data-theme="dark"] .search-form input:focus {
    background: var(--dark-bg-primary) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25) !important;
}

:root[data-theme="dark"] .blog-search input::placeholder,
:root[data-theme="dark"] .search-form input::placeholder {
    color: var(--dark-text-muted) !important;
}

/* Blog Categories */
:root[data-theme="dark"] .blog-categories,
:root[data-theme="dark"] .category-list {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-categories a,
:root[data-theme="dark"] .category-list a {
    color: var(--dark-text-secondary) !important;
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-categories a:hover,
:root[data-theme="dark"] .category-list a:hover {
    color: #ffffff !important;
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
}

/* Blog Comments */
:root[data-theme="dark"] .blog-comments,
:root[data-theme="dark"] .comment-section {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-comment,
:root[data-theme="dark"] .comment-item {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-comment:hover,
:root[data-theme="dark"] .comment-item:hover {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-accent) !important;
}

/* Blog Pagination */
:root[data-theme="dark"] .blog-pagination,
:root[data-theme="dark"] .pagination {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .blog-pagination a,
:root[data-theme="dark"] .pagination .page-link {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .blog-pagination a:hover,
:root[data-theme="dark"] .pagination .page-link:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .blog-pagination .active,
:root[data-theme="dark"] .pagination .page-item.active .page-link {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Blog Related Posts */
:root[data-theme="dark"] .related-posts,
:root[data-theme="dark"] .related-articles {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .related-post,
:root[data-theme="dark"] .related-article {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .related-post:hover,
:root[data-theme="dark"] .related-article:hover {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-accent) !important;
    transform: translateY(-2px) !important;
}

/* Blog Author Info */
:root[data-theme="dark"] .author-info,
:root[data-theme="dark"] .blog-author {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .author-info h3,
:root[data-theme="dark"] .author-info h4,
:root[data-theme="dark"] .blog-author h3,
:root[data-theme="dark"] .blog-author h4 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .author-info p,
:root[data-theme="dark"] .blog-author p {
    color: var(--dark-text-secondary) !important;
}

/* Blog Social Share */
:root[data-theme="dark"] .social-share,
:root[data-theme="dark"] .share-buttons {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .social-share a,
:root[data-theme="dark"] .share-buttons a {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .social-share a:hover,
:root[data-theme="dark"] .share-buttons a:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* ===== ARTICLE DETAIL PAGE DARK MODE ===== */
/* Article Header Dark Mode */
:root[data-theme="dark"] .article-header {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 32px var(--dark-shadow-strong) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-subtitle {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .article-meta {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .article-category {
    background: rgba(79, 209, 197, 0.2) !important;
    color: var(--dark-accent) !important;
    border: 1px solid rgba(79, 209, 197, 0.3) !important;
}

:root[data-theme="dark"] .article-date,
:root[data-theme="dark"] .article-read-time {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .article-stats .stat {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .article-stats .stat i {
    color: var(--dark-accent) !important;
}

/* Article Content Dark Mode */
:root[data-theme="dark"] .article-content {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 32px var(--dark-shadow-strong) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-body {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-body h1,
:root[data-theme="dark"] .article-body h2,
:root[data-theme="dark"] .article-body h3,
:root[data-theme="dark"] .article-body h4,
:root[data-theme="dark"] .article-body h5,
:root[data-theme="dark"] .article-body h6 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-body p {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .article-body blockquote {
    background: var(--dark-bg-tertiary) !important;
    border-left: 4px solid var(--dark-accent) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-body code {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .article-body pre {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

/* Article Tags Dark Mode */
:root[data-theme="dark"] .article-tags {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .article-tags h6 {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-tags .tag {
    background: rgba(79, 209, 197, 0.2) !important;
    color: var(--dark-text-secondary) !important;
    border: 1px solid rgba(79, 209, 197, 0.3) !important;
}

:root[data-theme="dark"] .article-tags .tag:hover {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

/* Author Bio Dark Mode */
:root[data-theme="dark"] .author-bio {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .author-card {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .author-name-bio,
:root[data-theme="dark"] .author-title-bio {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .author-description {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .author-social .social-link {
    background: var(--dark-bg-quaternary) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .author-social .social-link:hover {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

/* Breadcrumb Dark Mode */
:root[data-theme="dark"] .breadcrumb-section {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .breadcrumb {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .breadcrumb-item a {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .breadcrumb-item.active {
    color: var(--dark-text-muted) !important;
}

/* Comments Section Dark Mode */
:root[data-theme="dark"] .comments-section {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .comments-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .comment-form {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .comment-form textarea {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .comment-form textarea::placeholder {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .comment-item {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .comment-author {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .comment-date {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .comment-text {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .comment-actions .btn {
    background: var(--dark-bg-quaternary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .comment-actions .btn:hover {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .comment-actions .btn.liked {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

/* Sidebar Dark Mode */
:root[data-theme="dark"] .sidebar {
    background: transparent !important;
}

:root[data-theme="dark"] .sidebar-widget {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 32px var(--dark-shadow-strong) !important;
}

:root[data-theme="dark"] .widget-title {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .toc-list {
    background: var(--dark-bg-tertiary) !important;
}

:root[data-theme="dark"] .toc-item {
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .toc-item:hover {
    color: var(--dark-accent) !important;
    background: var(--dark-bg-quaternary) !important;
}

:root[data-theme="dark"] .related-item {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .related-item:hover {
    background: var(--dark-bg-quaternary) !important;
    border-color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .related-item h6 a {
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .related-item h6 a:hover {
    color: var(--dark-accent) !important;
}

:root[data-theme="dark"] .related-date {
    color: var(--dark-text-muted) !important;
}

/* Newsletter Widget Dark Mode */
:root[data-theme="dark"] .newsletter-widget {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

:root[data-theme="dark"] .newsletter-widget p {
    color: var(--dark-text-secondary) !important;
}

:root[data-theme="dark"] .newsletter-form input {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .newsletter-form input::placeholder {
    color: var(--dark-text-muted) !important;
}

:root[data-theme="dark"] .newsletter-form button {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .newsletter-form button:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
}

/* Article Actions Dark Mode */
:root[data-theme="dark"] .article-actions .btn {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .article-actions .btn:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .article-actions .btn-primary {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .article-actions .btn-primary:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
}

/* Like Button Dark Mode */
:root[data-theme="dark"] .like-btn {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

:root[data-theme="dark"] .like-btn:hover {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .like-btn.liked {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Floating Heart Animation Dark Mode */
:root[data-theme="dark"] .floating-heart {
    color: var(--dark-accent) !important;
    text-shadow: 0 0 10px var(--dark-accent) !important;
}

/* ===== PRINT STYLES ===== */
@media print {
    :root[data-theme="dark"] * {
        background: white !important;
        color: black !important;
        border-color: #ccc !important;
    }
}