/* ============================================
   DARK MODE STYLES
   ============================================ */

[data-theme="dark"] {
    /* Dark Background Colors */
    --color-bg-white: #1a1a1a;
    --color-bg-light: #2d2d2d;
    --color-bg-medium: #3a3a3a;
    
    /* Dark Text Colors */
    --color-text-dark: #f5f5f5;
    --color-text-medium: #d0d0d0;
    --color-text-light: #a0a0a0;
    
    /* Dark Border */
    --color-border-light: #3a3a3a;
    
    /* Primary colors stay the same but lighter for contrast */
    --color-primary: #4A6BA8;
    --color-primary-light: #5A7BB8;
}

[data-theme="dark"] .header {
    background-color: var(--color-bg-white);
    border-bottom-color: var(--color-border-light);
}

[data-theme="dark"] .footer {
    background-color: #0f0f0f;
}

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

/* Benefit Cards Dark Mode */
[data-theme="dark"] .benefit-card {
    background: var(--color-bg-dark);
    border-color: var(--color-border-dark);
}

[data-theme="dark"] .benefit-card:hover {
    border-color: var(--color-accent);
}

/* Feature Cards Dark Mode */
[data-theme="dark"] .feature-card {
    background: var(--color-bg-dark);
    border-color: var(--color-border-dark);
}

[data-theme="dark"] .feature-card:hover {
    border-color: var(--color-accent);
}

/* Testimonial Cards Dark Mode */
[data-theme="dark"] .testimonial-card {
    background: var(--color-bg-dark);
    border-color: var(--color-border-dark);
}

[data-theme="dark"] .testimonial-card:hover {
    border-color: var(--color-accent);
}

[data-theme="dark"] .testimonial-author {
    border-color: var(--color-border-dark);
}

[data-theme="dark"] .footer-section p,
[data-theme="dark"] .footer-section a,
[data-theme="dark"] .footer-address p,
[data-theme="dark"] .footer-address a {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .footer-section a:hover {
    color: var(--color-bg-white);
}

[data-theme="dark"] .footer-copyright {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .card,
[data-theme="dark"] .solution-card,
[data-theme="dark"] .project-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .testimonial-card {
    background-color: var(--color-bg-light);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .section-alt {
    background-color: var(--color-bg-light);
}

[data-theme="dark"] .cta-section {
    background-color: var(--color-bg-light);
}

[data-theme="dark"] .language-dropdown {
    background-color: var(--color-bg-light);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .form-select {
    background-color: var(--color-bg-light);
    border-color: var(--color-border-light);
    color: var(--color-text-dark);
}

[data-theme="dark"] .breadcrumb-link {
    color: var(--color-accent-light);
}

[data-theme="dark"] .breadcrumb-current {
    color: var(--color-text-medium);
}

/* Awards Section Dark Mode */
[data-theme="dark"] .section-awards {
    background: var(--color-bg-light);
}

[data-theme="dark"] .section-awards h2 {
    color: var(--color-primary);
}

[data-theme="dark"] .award-card {
    background: transparent;
}

[data-theme="dark"] .award-title {
    color: var(--color-primary);
}

[data-theme="dark"] .award-details {
    border-top-color: var(--color-border-light);
}

/* Solutions Navigation Dark Mode */
[data-theme="dark"] .solutions-nav {
    background: var(--color-bg-white);
    border-bottom-color: var(--color-border-light);
}

[data-theme="dark"] .solutions-nav-link {
    color: var(--color-text-light);
}

[data-theme="dark"] .solutions-nav-link:hover {
    color: var(--color-accent);
}

[data-theme="dark"] .solutions-nav-link.active {
    color: var(--color-accent);
    border-bottom-color: var(--color-accent);
}

/* Solution Cards Enhanced Dark Mode */
[data-theme="dark"] .solution-card-enhanced {
    background: var(--color-bg-white);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .solution-card-header {
    border-bottom-color: var(--color-border-light);
}

[data-theme="dark"] .solution-icon-badge {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.2) 0%, rgba(74, 144, 226, 0.1) 100%);
}

[data-theme="dark"] .solution-title {
    color: var(--color-text-dark);
}

[data-theme="dark"] .solution-subtitle {
    color: var(--color-text-light);
}

[data-theme="dark"] .solution-description {
    color: var(--color-text-light);
}

[data-theme="dark"] .feature-group-title {
    color: var(--color-accent);
}

[data-theme="dark"] .feature-list li,
[data-theme="dark"] .feature-list-numbered li {
    color: var(--color-text-light);
}

/* Navigation Dropdown Dark Mode */
[data-theme="dark"] .nav-dropdown-menu {
    background: var(--color-bg-white);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .nav-dropdown-menu a {
    color: var(--color-text-light);
}

[data-theme="dark"] .nav-dropdown-menu a:hover {
    background-color: var(--color-bg-light);
    color: var(--color-accent);
}

/* Solution Tabs Dark Mode */
[data-theme="dark"] .solution-tab {
    background: var(--color-bg-white);
    color: var(--color-text-light);
}

[data-theme="dark"] .solution-tab:hover {
    background: var(--color-bg-light);
    color: var(--color-primary);
}

[data-theme="dark"] .solution-tab.active {
    background: var(--color-primary);
    color: white;
}

[data-theme="dark"] .solution-detail-card-visual {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.15) 0%, rgba(33, 42, 74, 0.15) 100%);
    border-color: rgba(74, 144, 226, 0.3);
}

/* Blog Dark Mode */
[data-theme="dark"] .blog-hero {
    background: linear-gradient(135deg, var(--color-bg-white) 0%, var(--color-bg-light) 100%);
}

[data-theme="dark"] .blog-hero-pattern {
    background-image: 
        linear-gradient(to right, rgba(74, 144, 226, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(74, 144, 226, 0.05) 1px, transparent 1px);
}

[data-theme="dark"] .blog-category-btn {
    background: var(--color-bg-white);
    color: var(--color-text-light);
}

[data-theme="dark"] .blog-category-btn:hover {
    background: var(--color-bg-light);
    color: var(--color-primary);
}

[data-theme="dark"] .blog-category-btn.active {
    background: var(--color-primary);
    color: white;
}

[data-theme="dark"] .blog-post-card {
    background: var(--color-bg-white);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .blog-post-card:hover {
    border-color: var(--color-accent);
}

/* Blog Post Detail Dark Mode */
[data-theme="dark"] .blog-post-hero {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
}

[data-theme="dark"] .blog-hero-gradient {
    background: linear-gradient(to top, var(--color-bg-white) 0%, var(--color-bg-white) 60%, transparent 100%);
}

[data-theme="dark"] .blog-interactive-box input[type="number"] {
    background: var(--color-bg-light);
    border-color: var(--color-border-light);
    color: var(--color-text-dark);
}

[data-theme="dark"] .blog-interactive-box input[type="number"]:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}

/* About Page Dark Mode */
[data-theme="dark"] .about-hero {
    background: linear-gradient(135deg, var(--color-bg-white) 0%, var(--color-bg-light) 100%);
}

[data-theme="dark"] .about-hero-pattern {
    background-image: 
        linear-gradient(to right, rgba(74, 144, 226, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(74, 144, 226, 0.05) 1px, transparent 1px);
}

[data-theme="dark"] .about-pattern {
    background-image: 
        linear-gradient(to right, rgba(74, 144, 226, 0.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(74, 144, 226, 0.06) 1px, transparent 1px);
}

[data-theme="dark"] .value-card {
    background: var(--color-bg-white);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .value-card:hover {
    border-color: var(--color-accent);
}

[data-theme="dark"] .mission-vision-card {
    background: var(--color-bg-white);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .mission-vision-card:hover {
    border-color: var(--color-accent);
}

[data-theme="dark"] .value-card-compact {
    background: var(--color-bg-white);
    border-color: var(--color-border-light);
}

[data-theme="dark"] .value-card-compact:hover {
    border-color: var(--color-accent);
}

/* Theme Toggle and Language Switcher Dark Mode */
[data-theme="dark"] .theme-toggle {
    background: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
    color: var(--color-primary);
}

[data-theme="dark"] .theme-toggle:hover {
    background: #f0f0f0;
    border-color: var(--color-accent);
}

[data-theme="dark"] .theme-toggle:active {
    background: var(--color-primary);
    color: white;
}

[data-theme="dark"] .language-switcher-btn {
    background: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
    color: var(--color-primary);
}

[data-theme="dark"] .language-switcher-btn:hover {
    background: #f0f0f0;
    border-color: var(--color-accent);
}

