/* ==========================================
   Dark Mode Styles - Always White Text
   ========================================== */

/* Dark mode - header with modern blue-gray gradient */
[data-theme="dark"] .header,
[data-theme="dark"] .header.scrolled,
[data-theme="dark"] .header.header-solid,
[data-theme="dark"] body.homepage .header,
[data-theme="dark"] body.homepage .header.scrolled {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 4px 24px rgba(59, 130, 246, 0.1) !important;
}

[data-theme="dark"] .header .logo h1,
[data-theme="dark"] .header .logo h1 a,
[data-theme="dark"] .header .nav-link,
[data-theme="dark"] .header .nav-link-mega,
[data-theme="dark"] .header .mobile-menu-btn,
[data-theme="dark"] .header .search-input,
[data-theme="dark"] .header .theme-toggle,
[data-theme="dark"] .header.scrolled .logo h1,
[data-theme="dark"] .header.scrolled .logo h1 a,
[data-theme="dark"] .header.scrolled .nav-link,
[data-theme="dark"] .header.scrolled .nav-link-mega,
[data-theme="dark"] .header.scrolled .mobile-menu-btn,
[data-theme="dark"] .header.scrolled .search-input,
[data-theme="dark"] .header.scrolled .theme-toggle,
[data-theme="dark"] body.homepage .header .logo h1,
[data-theme="dark"] body.homepage .header .logo h1 a,
[data-theme="dark"] body.homepage .header .nav-link,
[data-theme="dark"] body.homepage .header .nav-link-mega,
[data-theme="dark"] body.homepage .header .mobile-menu-btn,
[data-theme="dark"] body.homepage .header .search-input,
[data-theme="dark"] body.homepage .header .theme-toggle {
    color: #e2e8f0 !important;
    text-shadow: 0 2px 8px rgba(59, 130, 246, 0.15) !important;
}

[data-theme="dark"] .header .search-input::placeholder,
[data-theme="dark"] .header.scrolled .search-input::placeholder,
[data-theme="dark"] body.homepage .header .search-input::placeholder {
    color: rgba(148, 163, 184, 0.7) !important;
}

[data-theme="dark"] .header .nav-link:hover,
[data-theme="dark"] .header .nav-link-mega:hover,
[data-theme="dark"] .header.scrolled .nav-link:hover,
[data-theme="dark"] .header.scrolled .nav-link-mega:hover {
    color: #60a5fa !important;
    text-shadow: 0 2px 12px rgba(59, 130, 246, 0.3) !important;
}

/* Non-homepage pages - standard light mode (BLACK text) */
:not([data-theme="dark"]) body:not(.homepage) .header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(15px) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
}

:not([data-theme="dark"]) body:not(.homepage) .header .logo h1,
:not([data-theme="dark"]) body:not(.homepage) .header .logo h1 a,
:not([data-theme="dark"]) body:not(.homepage) .header .nav-link,
:not([data-theme="dark"]) body:not(.homepage) .header .nav-link-mega,
:not([data-theme="dark"]) body:not(.homepage) .header .mobile-menu-btn,
:not([data-theme="dark"]) body:not(.homepage) .header .search-input,
:not([data-theme="dark"]) body:not(.homepage) .header .theme-toggle {
    color: #1e293b !important;
    text-shadow: none !important;
}

:not([data-theme="dark"]) body:not(.homepage) .header .search-input::placeholder {
    color: rgba(30, 41, 59, 0.6) !important;
}

/* Non-homepage dark mode - matching blue-gray gradient */
[data-theme="dark"] body:not(.homepage) .header {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important;
}

[data-theme="dark"] body:not(.homepage) .header .logo h1,
[data-theme="dark"] body:not(.homepage) .header .logo h1 a,
[data-theme="dark"] body:not(.homepage) .header .nav-link,
[data-theme="dark"] body:not(.homepage) .header .nav-link-mega,
[data-theme="dark"] body:not(.homepage) .header .mobile-menu-btn,
[data-theme="dark"] body:not(.homepage) .header .search-input,
[data-theme="dark"] body:not(.homepage) .header .theme-toggle {
    color: #e2e8f0 !important;
    text-shadow: 0 2px 8px rgba(59, 130, 246, 0.15) !important;
}

[data-theme="dark"] body:not(.homepage) .header .search-input::placeholder {
    color: rgba(148, 163, 184, 0.7) !important;
}

/* Dark mode search box styling */
[data-theme="dark"] .search-box {
    background: rgba(51, 65, 85, 0.5) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 2px 12px rgba(59, 130, 246, 0.1) !important;
}

[data-theme="dark"] .search-box:hover {
    border-color: rgba(59, 130, 246, 0.5) !important;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.2) !important;
    background: rgba(51, 65, 85, 0.6) !important;
}

[data-theme="dark"] .search-box:focus-within {
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3) !important;
    background: rgba(51, 65, 85, 0.7) !important;
}

[data-theme="dark"] .search-input {
    color: #e2e8f0 !important;
}