/**
 * COOLNETWORKS Dark Theme Styles
 * Version: 1.1.0
 */

/* Dark theme activated */
body.theme-dark,
body.dark-theme {
    --cn-bg-primary: #0A0F1B;
    --cn-bg-secondary: #0B1929;
    --cn-bg-tertiary: #0C1E35;
    --cn-text-primary: #E8E9EC;
    --cn-text-secondary: #B4B7C1;
    --cn-text-muted: #7A8090;
    --cn-border-color: #1E2A3E;
    --cn-card-bg: #0B1929;
    --cn-hover-bg: #0C1E35;
    
    background-color: var(--cn-bg-primary);
    color: var(--cn-text-primary);
}

/* Dark theme overrides */
body.theme-dark {
    background: linear-gradient(135deg, #0A0F1B 0%, #0B1929 100%);
    min-height: 100vh;
}

/* Typography in dark mode */
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6 {
    color: var(--cn-electric-cyan);
}

body.theme-dark p,
body.theme-dark li {
    color: var(--cn-text-secondary);
}

/* Links in dark mode */
body.theme-dark a {
    color: var(--cn-electric-cyan);
}

body.theme-dark a:hover {
    color: #4DD0F2;
    text-shadow: 0 0 8px rgba(0, 184, 230, 0.4);
}

/* Header in dark mode */
body.theme-dark .site-header {
    background: var(--cn-bg-secondary);
    border-bottom: 1px solid var(--cn-border-color);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

/* Navigation in dark mode */
body.theme-dark .primary-menu > li > a {
    color: var(--cn-text-primary);
}

body.theme-dark .primary-menu > li > a:hover,
body.theme-dark .primary-menu > li.current-menu-item > a {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
    box-shadow: 0 0 15px rgba(0, 184, 230, 0.5);
}

/* Dropdown menus in dark mode */
body.theme-dark .dropdown-menu {
    background: var(--cn-bg-secondary);
    border: 1px solid var(--cn-border-color);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

body.theme-dark .dropdown-menu li a {
    color: var(--cn-text-secondary);
}

body.theme-dark .dropdown-menu li a:hover {
    background: var(--cn-hover-bg);
    color: var(--cn-electric-cyan);
    border-left: 3px solid var(--cn-electric-cyan);
}

/* Hero section in dark mode */
body.theme-dark .hero {
    background: linear-gradient(135deg, var(--cn-deep-blue) 0%, #001829 100%);
    border-bottom: 2px solid var(--cn-electric-cyan);
}

/* Cards in dark mode */
body.theme-dark .card {
    background: var(--cn-card-bg);
    border: 1px solid var(--cn-border-color);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

body.theme-dark .card:hover {
    box-shadow: 0 8px 30px rgba(0, 184, 230, 0.2);
    border-color: var(--cn-electric-cyan);
}

body.theme-dark .card-header,
body.theme-dark .card-footer {
    background: var(--cn-bg-tertiary);
    border-color: var(--cn-border-color);
}

/* Service cards in dark mode */
body.theme-dark .service-card {
    background: var(--cn-card-bg);
    border: 1px solid var(--cn-border-color);
    transition: all 0.3s ease;
}

body.theme-dark .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 184, 230, 0.3);
    border-color: var(--cn-electric-cyan);
}

body.theme-dark .service-card-icon {
    background: linear-gradient(135deg, var(--cn-electric-cyan), var(--cn-deep-blue));
    box-shadow: 0 4px 15px rgba(0, 184, 230, 0.4);
}

/* Buttons in dark mode */
body.theme-dark .btn-primary {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
    border-color: var(--cn-electric-cyan);
    font-weight: 600;
}

body.theme-dark .btn-primary:hover {
    background: #4DD0F2;
    box-shadow: 0 4px 20px rgba(0, 184, 230, 0.5);
}

body.theme-dark .btn-secondary {
    background: transparent;
    color: var(--cn-electric-cyan);
    border-color: var(--cn-electric-cyan);
}

body.theme-dark .btn-secondary:hover {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
    box-shadow: 0 4px 20px rgba(0, 184, 230, 0.5);
}

/* Forms in dark mode */
body.theme-dark input[type="text"],
body.theme-dark input[type="email"],
body.theme-dark input[type="tel"],
body.theme-dark input[type="url"],
body.theme-dark input[type="password"],
body.theme-dark input[type="search"],
body.theme-dark textarea,
body.theme-dark select {
    background: var(--cn-bg-tertiary);
    border-color: var(--cn-border-color);
    color: var(--cn-text-primary);
}

body.theme-dark input:focus,
body.theme-dark textarea:focus,
body.theme-dark select:focus {
    border-color: var(--cn-electric-cyan);
    box-shadow: 0 0 0 3px rgba(0, 184, 230, 0.2);
}

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

/* Tables in dark mode */
body.theme-dark .pricing-table {
    background: var(--cn-card-bg);
    border: 1px solid var(--cn-border-color);
}

body.theme-dark .pricing-table thead {
    background: linear-gradient(135deg, var(--cn-deep-blue), var(--cn-electric-cyan));
}

body.theme-dark .pricing-table td {
    border-color: var(--cn-border-color);
    color: var(--cn-text-secondary);
}

body.theme-dark .pricing-table tbody tr:hover {
    background: var(--cn-hover-bg);
}

body.theme-dark .pricing-table tbody tr:hover td {
    color: var(--cn-text-primary);
}

/* Footer in dark mode */
body.theme-dark .site-footer {
    background: var(--cn-bg-secondary);
    border-top: 2px solid var(--cn-electric-cyan);
}

body.theme-dark .footer-widget a {
    color: var(--cn-text-secondary);
}

body.theme-dark .footer-widget a:hover {
    color: var(--cn-electric-cyan);
}

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

/* CTA Bar in dark mode */
body.theme-dark .cta-bar {
    background: linear-gradient(90deg, var(--cn-deep-blue), var(--cn-electric-cyan));
    box-shadow: 0 -4px 20px rgba(0, 184, 230, 0.3);
}

/* Trust badges in dark mode */
body.theme-dark .trust-badge-label {
    color: var(--cn-text-secondary);
}

/* Vendor logos in dark mode */
body.theme-dark .vendor-logo {
    background: var(--cn-card-bg);
    border: 1px solid var(--cn-border-color);
}

body.theme-dark .vendor-logo:hover {
    border-color: var(--cn-electric-cyan);
    box-shadow: 0 4px 20px rgba(0, 184, 230, 0.3);
}

/* Code blocks in dark mode */
body.theme-dark pre,
body.theme-dark code {
    background: var(--cn-bg-tertiary);
    color: var(--cn-electric-cyan);
    border: 1px solid var(--cn-border-color);
}

/* Blockquotes in dark mode */
body.theme-dark blockquote {
    border-left: 4px solid var(--cn-electric-cyan);
    background: var(--cn-bg-tertiary);
    color: var(--cn-text-secondary);
}

/* Sidebar widgets in dark mode */
body.theme-dark .widget {
    background: var(--cn-card-bg);
    border: 1px solid var(--cn-border-color);
    padding: var(--cn-space-lg);
    margin-bottom: var(--cn-space-lg);
    border-radius: var(--cn-radius-lg);
}

body.theme-dark .widget-title {
    color: var(--cn-electric-cyan);
    border-bottom: 2px solid var(--cn-electric-cyan);
    padding-bottom: var(--cn-space-sm);
    margin-bottom: var(--cn-space-md);
}

/* Blog posts in dark mode */
body.theme-dark .entry-header {
    border-bottom: 1px solid var(--cn-border-color);
}

body.theme-dark .entry-meta {
    color: var(--cn-text-muted);
}

body.theme-dark .entry-content {
    color: var(--cn-text-secondary);
}

/* Pagination in dark mode */
body.theme-dark .pagination a {
    background: var(--cn-card-bg);
    border: 1px solid var(--cn-border-color);
    color: var(--cn-text-secondary);
}

body.theme-dark .pagination a:hover {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
    border-color: var(--cn-electric-cyan);
}

body.theme-dark .pagination .current {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
}

/* Search form in dark mode */
body.theme-dark .search-form input[type="search"] {
    background: var(--cn-bg-tertiary);
    border-color: var(--cn-border-color);
    color: var(--cn-text-primary);
}

body.theme-dark .search-form button {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
}

/* Comments in dark mode */
body.theme-dark .comment {
    background: var(--cn-card-bg);
    border: 1px solid var(--cn-border-color);
    padding: var(--cn-space-lg);
    margin-bottom: var(--cn-space-lg);
}

body.theme-dark .comment-author {
    color: var(--cn-electric-cyan);
}

body.theme-dark .comment-meta {
    color: var(--cn-text-muted);
}

/* Theme toggle button styling */
.theme-toggle {
    position: relative;
    overflow: hidden;
}

body.theme-dark .theme-toggle {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
}

body.theme-dark .theme-toggle:hover {
    background: #4DD0F2;
    box-shadow: 0 0 20px rgba(0, 184, 230, 0.5);
}

.theme-toggle::before {
    content: "☀️";
    margin-right: 5px;
}

body.theme-dark .theme-toggle::before {
    content: "🌙";
}

/* Smooth transitions */
body,
.site-header,
.primary-menu > li > a,
.dropdown-menu,
.card,
.btn,
input,
textarea,
select,
.pricing-table tbody tr,
.widget,
.comment {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease;
}

/* Glow effects for dark theme */
body.theme-dark .hero h1,
body.theme-dark .section-title {
    text-shadow: 0 0 30px rgba(0, 184, 230, 0.3);
}

body.theme-dark .btn-primary:hover,
body.theme-dark .service-card:hover .service-card-icon {
    animation: pulse-glow 1.5s infinite;
}

@keyframes pulse-glow {
    0% {
        box-shadow: 0 0 15px rgba(0, 184, 230, 0.5);
    }
    50% {
        box-shadow: 0 0 30px rgba(0, 184, 230, 0.8);
    }
    100% {
        box-shadow: 0 0 15px rgba(0, 184, 230, 0.5);
    }
}

/* Scrollbar styling for dark theme */
body.theme-dark ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

body.theme-dark ::-webkit-scrollbar-track {
    background: var(--cn-bg-secondary);
}

body.theme-dark ::-webkit-scrollbar-thumb {
    background: var(--cn-electric-cyan);
    border-radius: 6px;
}

body.theme-dark ::-webkit-scrollbar-thumb:hover {
    background: #4DD0F2;
}

/* Selection colors in dark theme */
body.theme-dark ::selection {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
}

body.theme-dark ::-moz-selection {
    background: var(--cn-electric-cyan);
    color: var(--cn-bg-primary);
}

/* Mobile menu in dark mode */
@media (max-width: 768px) {
    body.theme-dark .main-navigation {
        background: var(--cn-bg-secondary);
        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.8);
    }
    
    body.theme-dark .menu-toggle {
        border-color: var(--cn-electric-cyan);
        color: var(--cn-electric-cyan);
    }
    
    body.theme-dark .menu-toggle:hover {
        background: var(--cn-electric-cyan);
        color: var(--cn-bg-primary);
    }
}

/* Print styles - always light theme */
@media print {
    body.theme-dark {
        background: white !important;
        color: black !important;
    }
    
    body.theme-dark * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        box-shadow: none !important;
    }
}