/* ========================================
   DARK MODE - Omni Valve
   Comprehensive Rewrite v2.0
   ======================================== */

/* ========================================
   DARK MODE TOGGLE BUTTON
   ======================================== */
.dark-mode-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    cursor: pointer;
    color: #6b7280;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    margin-left: 1rem;
}

.dark-mode-toggle:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    color: #374151;
}

.dark-mode-toggle .fa-sun { display: none; }
.dark-mode-toggle .fa-moon { display: block; }

/* Top bar toggle styling */
.top-bar .dark-mode-toggle {
    width: 32px;
    height: 32px;
    font-size: 0.9rem;
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8);
    margin-left: 0.5rem;
}

.top-bar .dark-mode-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.4);
    color: white;
}

/* ========================================
   CSS VARIABLES - DARK THEME
   ======================================== */
[data-theme="dark"] {
    /* Primary palette */
    --primary: #60a5fa;
    --primary-100: #1e3a5f;
    --primary-200: #2d4a6f;
    --primary-300: #3b82f6;
    --primary--100: #93c5fd;
    --primary--200: #bfdbfe;
    --primary--300: #dbeafe;
    
    /* Secondary */
    --secondary: #1e3a5f;
    --secondary-100: #374151;
    --secondary-200: #4b5563;
    --secondary-300: #6b7280;
    
    /* Tertiary */
    --tertiary: #1f2937;
    --tertiary-100: #374151;
    --tertiary-200: #4b5563;
    --tertiary-300: #6b7280;
    
    /* Quaternary */
    --quaternary: #111827;
    --quaternary-100: #1f2937;
    --quaternary-200: #374151;
    --quaternary-300: #4b5563;
    
    /* Inverted for dark mode */
    --dark: #f9fafb;
    --dark-100: #f3f4f6;
    --dark-200: #e5e7eb;
    --dark-300: #9ca3af;
    
    --light: #111827;
    --light-100: #1f2937;
    --light-200: #374151;
    --light-300: #4b5563;
    
    /* Greys */
    --grey: #6b7280;
    --grey-100: #1f2937;
    --grey-200: #374151;
    --grey-300: #4b5563;
    --grey-400: #6b7280;
    --grey-500: #9ca3af;
    --grey-600: #d1d5db;
    --grey-700: #e5e7eb;
    --grey-800: #f3f4f6;
    --grey-900: #f9fafb;
    
    /* Semantic backgrounds */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --bg-card: #1e293b;
    --bg-input: #1e293b;
    
    /* Semantic text */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    
    /* Borders */
    --border-color: #334155;
    --border-light: #475569;
    
    /* Accent colors */
    --accent: #5bbfba;
    --accent-light: #6dd3ce;
}

/* ========================================
   TOGGLE BUTTON - DARK STATE
   ======================================== */
[data-theme="dark"] .dark-mode-toggle .fa-sun { display: block; }
[data-theme="dark"] .dark-mode-toggle .fa-moon { display: none; }

[data-theme="dark"] .dark-mode-toggle {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.3);
}

[data-theme="dark"] .dark-mode-toggle:hover {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.5);
}

/* ========================================
   BODY & ROOT ELEMENTS
   ======================================== */
[data-theme="dark"] html,
[data-theme="dark"] body {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] main,
[data-theme="dark"] .main-content,
[data-theme="dark"] .page-wrapper,
[data-theme="dark"] .content-wrapper {
    background-color: #0f172a !important;
}

/* ========================================
   TYPOGRAPHY - GLOBAL
   ======================================== */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] a {
    color: #60a5fa;
}

[data-theme="dark"] a:hover {
    color: #93c5fd;
}

[data-theme="dark"] strong,
[data-theme="dark"] b {
    color: #f1f5f9;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] .muted,
[data-theme="dark"] small {
    color: #94a3b8 !important;
}

/* ========================================
   TOP BAR
   ======================================== */
[data-theme="dark"] .top-bar,
[data-theme="dark"] .top-bar-homepage {
    background: #0f172a !important;
    border-bottom-color: #1e293b !important;
}

[data-theme="dark"] .top-bar-content,
[data-theme="dark"] .top-bar span,
[data-theme="dark"] .top-bar-left span {
    color: #94a3b8 !important;
}

[data-theme="dark"] .top-bar a {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .top-bar a:hover {
    color: #60a5fa !important;
}

[data-theme="dark"] .top-bar i {
    color: #60a5fa !important;
}

/* Teal support button */
[data-theme="dark"] .top-bar-links a.support-highlight {
    background: linear-gradient(135deg, #5bbfba 0%, #6dd3ce 100%) !important;
    color: #1a3535 !important;
}

[data-theme="dark"] .top-bar-links a.support-highlight:hover {
    background: linear-gradient(135deg, #6dd3ce 0%, #7ee8e3 100%) !important;
    color: #0f2828 !important;
}

/* Status indicators */
[data-theme="dark"] .status-dot {
    background: #22c55e;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}

[data-theme="dark"] .status-dot.offline {
    background: #ef4444;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}

/* ========================================
   HEADER / NAVIGATION
   ======================================== */
[data-theme="dark"] header,
[data-theme="dark"] .header-homepage,
[data-theme="dark"] .site-header,
[data-theme="dark"] .main-header {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] #mainNav a,
[data-theme="dark"] .main-nav a,
[data-theme="dark"] nav a {
    color: #e2e8f0 !important;
}

[data-theme="dark"] #mainNav a:hover,
[data-theme="dark"] .main-nav a:hover,
[data-theme="dark"] nav a:hover {
    color: #60a5fa !important;
}

[data-theme="dark"] #mainNav a.active,
[data-theme="dark"] .main-nav a.active,
[data-theme="dark"] nav a.active {
    color: #60a5fa !important;
}

[data-theme="dark"] .header-homepage nav a.active::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M4 8 Q0 8 0 4 L0 4 Q0 6 4 6 L96 6 Q100 6 100 4 L100 4 Q100 8 96 8 Z' fill='%2360a5fa'/%3E%3C/svg%3E");
}

[data-theme="dark"] .logo img {
    filter: brightness(1.1);
}

[data-theme="dark"] .mobile-toggle,
[data-theme="dark"] .hamburger {
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .mobile-toggle:hover,
[data-theme="dark"] .hamburger:hover {
    background: #334155 !important;
}

/* ========================================
   DROPDOWNS & MEGA MENUS
   ======================================== */
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .mega-menu,
[data-theme="dark"] .submenu,
[data-theme="dark"] .nav-dropdown {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .dropdown-menu a,
[data-theme="dark"] .mega-menu a,
[data-theme="dark"] .submenu a {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .dropdown-menu a:hover,
[data-theme="dark"] .mega-menu a:hover,
[data-theme="dark"] .submenu a:hover {
    background: #334155 !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .dropdown-header,
[data-theme="dark"] .mega-menu-title {
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

/* ========================================
   SECTIONS - GLOBAL
   ======================================== */
[data-theme="dark"] section,
[data-theme="dark"] .section {
    background-color: #0f172a !important;
}

[data-theme="dark"] section.alt,
[data-theme="dark"] .section-alt,
[data-theme="dark"] .bg-alt {
    background-color: #1e293b !important;
}

[data-theme="dark"] .section-header h2,
[data-theme="dark"] .section-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .section-header p,
[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .section-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .section-label,
[data-theme="dark"] .section-tag,
[data-theme="dark"] .eyebrow {
    color: #60a5fa !important;
}

/* ========================================
   HERO SECTION
   ======================================== */
[data-theme="dark"] .hero,
[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
}

[data-theme="dark"] .hero-bg {
    opacity: 0.3;
}

[data-theme="dark"] .hero h1 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .hero p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .hero .highlight {
    color: #60a5fa !important;
}

[data-theme="dark"] .hero-support-card {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: #334155 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .hero-support-card h3 {
    color: #f1f5f9 !important;
}

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

[data-theme="dark"] .support-badge {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .support-option {
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .support-option:hover {
    background: #1e293b !important;
    border-color: #60a5fa !important;
}

[data-theme="dark"] .support-option-text strong {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .support-option-text span {
    color: #94a3b8 !important;
}

[data-theme="dark"] .hero-stat strong {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .hero-stat span {
    color: #94a3b8 !important;
}

/* ========================================
   BREADCRUMB
   ======================================== */
[data-theme="dark"] .breadcrumb,
[data-theme="dark"] .breadcrumb-wrapper,
[data-theme="dark"] .breadcrumb-area,
[data-theme="dark"] .breadcrumb-section,
[data-theme="dark"] .breadcrumb-container,
[data-theme="dark"] .page-header-breadcrumb,
[data-theme="dark"] .page-breadcrumb,
[data-theme="dark"] nav[aria-label="breadcrumb"],
[data-theme="dark"] .breadcrumb-nav,
[data-theme="dark"] section.breadcrumb,
[data-theme="dark"] div.breadcrumb {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border-color: #1e293b !important;
}

[data-theme="dark"] .breadcrumb a,
[data-theme="dark"] .breadcrumb-item a,
[data-theme="dark"] .breadcrumb li a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .breadcrumb a:hover,
[data-theme="dark"] .breadcrumb-item a:hover {
    color: #60a5fa !important;
}

[data-theme="dark"] .breadcrumb-item.active,
[data-theme="dark"] .breadcrumb span,
[data-theme="dark"] .breadcrumb-item.current,
[data-theme="dark"] .breadcrumb strong,
[data-theme="dark"] .breadcrumb li.active,
[data-theme="dark"] .breadcrumb li:last-child {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .breadcrumb-separator,
[data-theme="dark"] .breadcrumb i {
    color: #64748b !important;
}

/* ========================================
   PAGE HEADERS / TITLE SECTIONS
   ======================================== */
[data-theme="dark"] .page-header,
[data-theme="dark"] .page-title-area,
[data-theme="dark"] .page-hero,
[data-theme="dark"] .title-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
}

[data-theme="dark"] .page-header h1,
[data-theme="dark"] .page-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .page-header p,
[data-theme="dark"] .page-subtitle {
    color: #cbd5e1 !important;
}

/* ========================================
   TRUST BAR
   ======================================== */
[data-theme="dark"] .trust-bar {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .trust-item {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .trust-item i {
    color: #60a5fa !important;
}

/* ========================================
   CARDS - ALL TYPES
   ======================================== */
[data-theme="dark"] .card,
[data-theme="dark"] .support-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .info-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .team-card,
[data-theme="dark"] .service-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .card:hover,
[data-theme="dark"] .support-card:hover,
[data-theme="dark"] .feature-card:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .card h3,
[data-theme="dark"] .card h4,
[data-theme="dark"] .card-title,
[data-theme="dark"] .support-card h3,
[data-theme="dark"] .feature-card h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .card p,
[data-theme="dark"] .card-text,
[data-theme="dark"] .card-desc,
[data-theme="dark"] .support-card p,
[data-theme="dark"] .feature-card p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .card-icon,
[data-theme="dark"] .support-card-icon,
[data-theme="dark"] .feature-icon {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .card-link,
[data-theme="dark"] .support-card-link {
    color: #60a5fa !important;
}

/* ========================================
   PRODUCT CARDS
   ======================================== */
[data-theme="dark"] .products,
[data-theme="dark"] .products-section {
    background: #1e293b !important;
}

[data-theme="dark"] .product-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .product-card:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .product-card h3,
[data-theme="dark"] .product-card h4,
[data-theme="dark"] .product-card h5,
[data-theme="dark"] .product-card-title,
[data-theme="dark"] .product-name {
    color: #ffffff !important;
}

[data-theme="dark"] .product-card p,
[data-theme="dark"] .product-card-desc,
[data-theme="dark"] .product-description {
    color: #cbd5e1 !important;
}

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

/* Product tags/badges */
[data-theme="dark"] .product-tag,
[data-theme="dark"] .product-badge,
[data-theme="dark"] .model-tag {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
}

[data-theme="dark"] .feature-tag,
[data-theme="dark"] .product-feature,
[data-theme="dark"] .feature-badge {
    background: #334155 !important;
    color: #f1f5f9 !important;
    border: 1px solid #475569 !important;
}

[data-theme="dark"] .view-details,
[data-theme="dark"] .product-link,
[data-theme="dark"] .product-card a {
    color: #60a5fa !important;
}

[data-theme="dark"] .view-details:hover,
[data-theme="dark"] .product-link:hover {
    color: #93c5fd !important;
}

/* Category sections */
[data-theme="dark"] .product-category-title,
[data-theme="dark"] .category-title,
[data-theme="dark"] .category-header h2,
[data-theme="dark"] .category-header h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .product-category-desc,
[data-theme="dark"] .category-description,
[data-theme="dark"] .category-header p {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .category-divider,
[data-theme="dark"] .product-category-header {
    border-color: #334155 !important;
}

/* ========================================
   DOWNLOAD LIBRARY
   ======================================== */
[data-theme="dark"] .download-card,
[data-theme="dark"] .library-card,
[data-theme="dark"] .brochure-card,
[data-theme="dark"] .pdf-card,
[data-theme="dark"] .document-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .download-card:hover,
[data-theme="dark"] .library-card:hover,
[data-theme="dark"] .document-card:hover {
    border-color: #60a5fa !important;
}

[data-theme="dark"] .download-card img,
[data-theme="dark"] .library-card img,
[data-theme="dark"] .pdf-preview {
    background: #334155 !important;
}

/* Download card images - show full product */
[data-theme="dark"] .download-card img,
[data-theme="dark"] .library-card img,
[data-theme="dark"] .brochure-card img {
    object-fit: contain !important;
    object-position: center !important;
    padding: 1rem !important;
}

[data-theme="dark"] .download-card h3,
[data-theme="dark"] .download-card h4,
[data-theme="dark"] .download-title,
[data-theme="dark"] .document-title {
    color: #ffffff !important;
}

[data-theme="dark"] .download-card p,
[data-theme="dark"] .download-desc,
[data-theme="dark"] .pdf-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .download-card .model-tag,
[data-theme="dark"] .download-card .badge {
    background: #2d4a6f !important;
    color: #ffffff !important;
}

[data-theme="dark"] .download-section-title,
[data-theme="dark"] .library-section-title,
[data-theme="dark"] .downloads-category-title {
    color: #ffffff !important;
}

/* ========================================
   WHY OMNI / FEATURES
   ======================================== */
[data-theme="dark"] .why-omni,
[data-theme="dark"] .features-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
}

[data-theme="dark"] .why-content h2,
[data-theme="dark"] .features-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .why-content p,
[data-theme="dark"] .features-desc {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .why-feature-text h4,
[data-theme="dark"] .feature-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .why-feature-text p,
[data-theme="dark"] .feature-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .why-stat-card {
    background: rgba(30, 41, 59, 0.6) !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .why-stat-card span {
    color: #94a3b8 !important;
}

/* ========================================
   PROCESS / STEPS
   ======================================== */
[data-theme="dark"] .process,
[data-theme="dark"] .process-section {
    background: #0f172a !important;
}

[data-theme="dark"] .process-step,
[data-theme="dark"] .step-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .process-step:hover {
    border-color: #60a5fa !important;
}

[data-theme="dark"] .process-number,
[data-theme="dark"] .step-number {
    color: #60a5fa !important;
}

[data-theme="dark"] .process-step h4,
[data-theme="dark"] .step-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .process-step p,
[data-theme="dark"] .step-desc {
    color: #94a3b8 !important;
}

/* ========================================
   CTA SECTIONS
   ======================================== */
[data-theme="dark"] .cta,
[data-theme="dark"] .cta-section {
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%) !important;
}

[data-theme="dark"] .cta h2 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .cta p {
    color: #cbd5e1 !important;
}

/* ========================================
   BUTTONS
   ======================================== */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] button.primary {
    background: #3b82f6 !important;
    color: white !important;
}

[data-theme="dark"] .btn-primary:hover {
    background: #2563eb !important;
}

[data-theme="dark"] .btn-secondary,
[data-theme="dark"] button.secondary {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background: #334155 !important;
}

[data-theme="dark"] .btn-outline {
    border-color: #60a5fa !important;
    color: #60a5fa !important;
    background: transparent !important;
}

[data-theme="dark"] .btn-outline:hover {
    background: rgba(96, 165, 250, 0.1) !important;
}

[data-theme="dark"] .btn-white {
    background: #f1f5f9 !important;
    color: #1e3a5f !important;
}

[data-theme="dark"] .btn-white:hover {
    background: #e2e8f0 !important;
}

[data-theme="dark"] .btn-support {
    background: #3b82f6 !important;
    color: white !important;
}

[data-theme="dark"] .btn-support:hover {
    background: #2563eb !important;
}

/* Quote button in nav */
[data-theme="dark"] .header-homepage nav a.btn-primary,
[data-theme="dark"] nav .btn-primary,
[data-theme="dark"] nav .quote-btn {
    background: #3b82f6 !important;
    color: white !important;
}

[data-theme="dark"] .header-homepage nav a.btn-primary:hover {
    background: #60a5fa !important;
}

/* ========================================
   FORMS
   ======================================== */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-control {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] .form-control:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] label,
[data-theme="dark"] .form-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .form-group,
[data-theme="dark"] .input-group {
    background: transparent !important;
}

[data-theme="dark"] .input-group-text {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}

/* File upload */
[data-theme="dark"] .file-upload,
[data-theme="dark"] .dropzone {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .file-upload:hover,
[data-theme="dark"] .dropzone:hover {
    border-color: #60a5fa !important;
}

/* ========================================
   TABLES
   ======================================== */
[data-theme="dark"] table,
[data-theme="dark"] .table {
    background: #1e293b !important;
}

[data-theme="dark"] th {
    background: #0f172a !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] td {
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] tr:hover td {
    background: #334155 !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: #1e293b !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(even) {
    background: #0f172a !important;
}

/* ========================================
   SPEC TABLES / DATA LISTS
   ======================================== */
[data-theme="dark"] .spec-table,
[data-theme="dark"] .specs-list,
[data-theme="dark"] .data-table {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .spec-row,
[data-theme="dark"] .spec-item {
    border-color: #334155 !important;
}

[data-theme="dark"] .spec-label,
[data-theme="dark"] .spec-name {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .spec-value {
    color: #f1f5f9 !important;
}

/* ========================================
   TABS & ACCORDIONS
   ======================================== */
[data-theme="dark"] .tabs,
[data-theme="dark"] .tab-list,
[data-theme="dark"] .nav-tabs {
    border-color: #334155 !important;
}

[data-theme="dark"] .tab,
[data-theme="dark"] .tab-btn,
[data-theme="dark"] .nav-link {
    color: #94a3b8 !important;
    background: transparent !important;
}

[data-theme="dark"] .tab.active,
[data-theme="dark"] .tab-btn.active,
[data-theme="dark"] .nav-link.active {
    color: #60a5fa !important;
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .tab-content,
[data-theme="dark"] .tab-pane {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .accordion-item,
[data-theme="dark"] .accordion-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .accordion-header,
[data-theme="dark"] .accordion-button {
    background: #1e293b !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: #0f172a !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .accordion-body {
    background: #0f172a !important;
    color: #cbd5e1 !important;
}

/* ========================================
   MODALS
   ======================================== */
[data-theme="dark"] .modal,
[data-theme="dark"] .modal-content {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .modal-header h2,
[data-theme="dark"] .modal-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .modal-body p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .modal-footer {
    border-top-color: #334155 !important;
}

[data-theme="dark"] .modal-close,
[data-theme="dark"] .btn-close {
    background: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .modal-close:hover,
[data-theme="dark"] .btn-close:hover {
    background: #475569 !important;
    color: #f1f5f9 !important;
}

/* Login Modal specific */
[data-theme="dark"] .login-modal {
    background: #1e293b !important;
}

[data-theme="dark"] .login-modal-header {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .login-modal-header h2 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .login-modal-header p,
[data-theme="dark"] .login-modal-body p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .login-modal-close {
    background: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .login-modal-close:hover {
    background: #475569 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .login-submit-btn {
    background: #3b82f6 !important;
}

[data-theme="dark"] .login-submit-btn:hover {
    background: #2563eb !important;
}

[data-theme="dark"] .login-modal-footer {
    border-top-color: #334155 !important;
}

[data-theme="dark"] .login-modal-footer p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .login-modal-footer a,
[data-theme="dark"] .login-forgot {
    color: #60a5fa !important;
}

[data-theme="dark"] .login-modal-logo {
    filter: brightness(1.2);
}

/* ========================================
   ALERTS & NOTIFICATIONS
   ======================================== */
[data-theme="dark"] .alert {
    border-color: #334155 !important;
}

[data-theme="dark"] .alert-info {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .alert-success {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #86efac !important;
}

[data-theme="dark"] .alert-warning {
    background: rgba(251, 191, 36, 0.15) !important;
    color: #fde047 !important;
}

[data-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-error {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #fca5a5 !important;
}

/* ========================================
   BADGES & TAGS
   ======================================== */
[data-theme="dark"] .badge,
[data-theme="dark"] .tag,
[data-theme="dark"] .label {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .badge-primary {
    background: rgba(96, 165, 250, 0.2) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .badge-success {
    background: rgba(34, 197, 94, 0.2) !important;
    color: #22c55e !important;
}

/* ========================================
   TOOLTIPS & POPOVERS
   ======================================== */
[data-theme="dark"] .tooltip,
[data-theme="dark"] .popover {
    background: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .tooltip-arrow,
[data-theme="dark"] .popover-arrow {
    border-color: #334155 !important;
}

/* ========================================
   PAGINATION
   ======================================== */
[data-theme="dark"] .pagination {
    background: transparent !important;
}

[data-theme="dark"] .pagination a,
[data-theme="dark"] .page-link {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .pagination a:hover,
[data-theme="dark"] .page-link:hover {
    background: #334155 !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .pagination a.active,
[data-theme="dark"] .page-item.active .page-link {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: white !important;
}

/* ========================================
   FOOTER
   ======================================== */
[data-theme="dark"] footer,
[data-theme="dark"] .site-footer {
    background: #0f172a !important;
    border-top-color: #1e293b !important;
}

[data-theme="dark"] .footer-grid,
[data-theme="dark"] .footer-content {
    color: #94a3b8 !important;
}

[data-theme="dark"] .footer-brand p,
[data-theme="dark"] footer p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .footer-column h4,
[data-theme="dark"] footer h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .footer-column a,
[data-theme="dark"] footer a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .footer-column a:hover,
[data-theme="dark"] footer a:hover {
    color: #60a5fa !important;
}

[data-theme="dark"] .footer-contact-item {
    color: #94a3b8 !important;
}

[data-theme="dark"] .footer-contact-item i {
    color: #60a5fa !important;
}

[data-theme="dark"] .footer-bottom {
    border-top-color: #1e293b !important;
    color: #64748b !important;
}

[data-theme="dark"] .footer-social a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .footer-social a:hover {
    color: #60a5fa !important;
}

/* Footer texture overlay */
[data-theme="dark"] .footer-texture {
    opacity: 0.08;
}

/* ========================================
   COOKIE CONSENT
   ======================================== */
[data-theme="dark"] #cookieConsent,
[data-theme="dark"] .cookie-banner {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] #cookieConsent p,
[data-theme="dark"] .cookie-text {
    color: #cbd5e1 !important;
}

/* ========================================
   CHAT / SUPPORT WIDGET
   ======================================== */
[data-theme="dark"] .chat-widget,
[data-theme="dark"] .support-chat {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .chat-header {
    background: #0f172a !important;
}

[data-theme="dark"] .chat-message {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .chat-message.user {
    background: #3b82f6 !important;
}

/* ========================================
   IMAGES & MEDIA
   ======================================== */
[data-theme="dark"] .img-placeholder,
[data-theme="dark"] .image-skeleton {
    background: #334155 !important;
}

[data-theme="dark"] figure figcaption {
    color: #94a3b8 !important;
}

/* ========================================
   CODE & PRE
   ======================================== */
[data-theme="dark"] code,
[data-theme="dark"] pre {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] code {
    color: #f472b6 !important;
}

/* ========================================
   HR / DIVIDERS
   ======================================== */
[data-theme="dark"] hr,
[data-theme="dark"] .divider {
    border-color: #334155 !important;
}

/* ========================================
   BLOCKQUOTES
   ======================================== */
[data-theme="dark"] blockquote {
    background: #1e293b !important;
    border-left-color: #60a5fa !important;
    color: #cbd5e1 !important;
}

/* ========================================
   LISTS
   ======================================== */
[data-theme="dark"] ul li::marker,
[data-theme="dark"] ol li::marker {
    color: #60a5fa;
}

[data-theme="dark"] .list-group-item {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .list-group-item:hover {
    background: #334155 !important;
}

/* ========================================
   SCROLLBAR (WebKit)
   ======================================== */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 6px;
    border: 3px solid #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* ========================================
   SELECTION
   ======================================== */
[data-theme="dark"] ::selection {
    background: rgba(96, 165, 250, 0.3);
    color: #f1f5f9;
}

[data-theme="dark"] ::-moz-selection {
    background: rgba(96, 165, 250, 0.3);
    color: #f1f5f9;
}

/* ========================================
   SKELETON / LOADING STATES
   ======================================== */
[data-theme="dark"] .skeleton,
[data-theme="dark"] .loading-placeholder {
    background: linear-gradient(
        90deg,
        #1e293b 25%,
        #334155 50%,
        #1e293b 75%
    ) !important;
}

/* ========================================
   TRANSITIONS
   ======================================== */
html {
    overflow-y: scroll;
}

body,
header,
section,
footer,
.top-bar,
.breadcrumb,
.breadcrumb-wrapper,
nav[aria-label="breadcrumb"],
.support-card,
.product-card,
.download-card,
.process-step,
.trust-bar,
.hero-support-card,
.login-modal,
.modal,
.card,
.dropdown-menu,
input,
textarea,
select,
.btn,
table,
th,
td {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease;
}

/* ========================================
   MOBILE NAV - DARK MODE
   ======================================== */
@media (max-width: 991px) {
    [data-theme="dark"] #mainNav,
    [data-theme="dark"] .mobile-nav {
        background: #1e293b !important;
        border-color: #334155 !important;
    }

    [data-theme="dark"] #mainNav.active {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    }

    [data-theme="dark"] .mobile-nav a {
        color: #e2e8f0 !important;
        border-color: #334155 !important;
    }

    [data-theme="dark"] .mobile-nav a:hover,
    [data-theme="dark"] .mobile-nav a.active {
        background: #334155 !important;
        color: #60a5fa !important;
    }
}

/* ========================================
   PRODUCT DETAIL PAGES
   ======================================== */
[data-theme="dark"] .product-detail,
[data-theme="dark"] .product-page,
[data-theme="dark"] .product-content,
[data-theme="dark"] .product-info,
[data-theme="dark"] .product-hero,
[data-theme="dark"] .product-main,
[data-theme="dark"] .product-wrapper,
[data-theme="dark"] .product-section,
[data-theme="dark"] .product-detail-section,
[data-theme="dark"] .product-layout,
[data-theme="dark"] .product-grid,
[data-theme="dark"] .product-container {
    background: #0f172a !important;
    background-color: #0f172a !important;
}

/* Main product image container - the big white box */
[data-theme="dark"] .product-image-container,
[data-theme="dark"] .product-gallery,
[data-theme="dark"] .product-image-wrapper,
[data-theme="dark"] .product-photo,
[data-theme="dark"] .product-media,
[data-theme="dark"] .product-image,
[data-theme="dark"] .product-image-box,
[data-theme="dark"] .product-img-container,
[data-theme="dark"] .product-visual,
[data-theme="dark"] .product-showcase,
[data-theme="dark"] .image-container,
[data-theme="dark"] .image-wrapper,
[data-theme="dark"] .gallery-main,
[data-theme="dark"] .main-image,
[data-theme="dark"] .primary-image,
[data-theme="dark"] .product-figure,
[data-theme="dark"] .product-pic {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Thumbnail gallery - the 3 small white boxes */
[data-theme="dark"] .product-thumbnails,
[data-theme="dark"] .product-thumbs,
[data-theme="dark"] .thumbnail-gallery,
[data-theme="dark"] .gallery-thumbnails,
[data-theme="dark"] .gallery-thumbs,
[data-theme="dark"] .thumb-container,
[data-theme="dark"] .thumbs-row,
[data-theme="dark"] .thumbnail-row,
[data-theme="dark"] .product-gallery-thumbs,
[data-theme="dark"] .image-thumbnails,
[data-theme="dark"] .gallery-nav {
    background: transparent !important;
}

[data-theme="dark"] .product-thumbnails > *,
[data-theme="dark"] .product-thumbs > *,
[data-theme="dark"] .thumbnail-gallery > *,
[data-theme="dark"] .gallery-thumbnails > *,
[data-theme="dark"] .thumbnail,
[data-theme="dark"] .thumb,
[data-theme="dark"] .thumb-item,
[data-theme="dark"] .thumbnail-item,
[data-theme="dark"] .gallery-thumb,
[data-theme="dark"] .product-thumb {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .thumbnail.active,
[data-theme="dark"] .thumb.active,
[data-theme="dark"] .thumbnail-item.active,
[data-theme="dark"] .thumb-item.active {
    border-color: #60a5fa !important;
}

/* Specs card/box */
[data-theme="dark"] .key-specifications,
[data-theme="dark"] .specifications,
[data-theme="dark"] .specs-section,
[data-theme="dark"] .product-specs,
[data-theme="dark"] .spec-list,
[data-theme="dark"] .specs-table,
[data-theme="dark"] .specs-card,
[data-theme="dark"] .specs-box,
[data-theme="dark"] .spec-card,
[data-theme="dark"] .spec-box,
[data-theme="dark"] .specifications-card,
[data-theme="dark"] .product-specifications,
[data-theme="dark"] .key-specs {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Individual spec items within the card */
[data-theme="dark"] .spec-item,
[data-theme="dark"] .spec-row,
[data-theme="dark"] .spec-line,
[data-theme="dark"] .specification-item,
[data-theme="dark"] .key-specifications > div,
[data-theme="dark"] .specs-grid > div {
    background: transparent !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .spec-icon,
[data-theme="dark"] .spec-item i,
[data-theme="dark"] .specification-icon {
    color: #60a5fa !important;
    background: rgba(96, 165, 250, 0.15) !important;
}

/* Action buttons row - Product Brochure, Watch Video, 3D Model */
[data-theme="dark"] .product-actions,
[data-theme="dark"] .product-buttons,
[data-theme="dark"] .action-buttons,
[data-theme="dark"] .product-links,
[data-theme="dark"] .product-cta,
[data-theme="dark"] .cta-buttons,
[data-theme="dark"] .button-row,
[data-theme="dark"] .buttons-row,
[data-theme="dark"] .btn-row,
[data-theme="dark"] .btn-group,
[data-theme="dark"] .action-row {
    background: transparent !important;
}

[data-theme="dark"] .product-actions .btn,
[data-theme="dark"] .product-buttons .btn,
[data-theme="dark"] .action-buttons .btn,
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-outline-dark,
[data-theme="dark"] .btn-light,
[data-theme="dark"] .btn-white,
[data-theme="dark"] button.secondary,
[data-theme="dark"] .secondary-btn,
[data-theme="dark"] .outline-btn {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .product-actions .btn:hover,
[data-theme="dark"] .product-buttons .btn:hover,
[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-dark:hover,
[data-theme="dark"] .btn-light:hover,
[data-theme="dark"] .btn-white:hover {
    background: #334155 !important;
    border-color: #60a5fa !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .product-actions .btn i,
[data-theme="dark"] .product-buttons .btn i {
    color: #60a5fa !important;
}

/* Technical Data section header */
[data-theme="dark"] .technical-data,
[data-theme="dark"] .tech-data,
[data-theme="dark"] .data-section {
    background: #0f172a !important;
}

[data-theme="dark"] .technical-data h2,
[data-theme="dark"] .technical-data h3,
[data-theme="dark"] .tech-data-title,
[data-theme="dark"] .section-divider-title {
    color: #60a5fa !important;
}

/* Product detail right column / info panel */
[data-theme="dark"] .product-info-panel,
[data-theme="dark"] .product-details-panel,
[data-theme="dark"] .product-right,
[data-theme="dark"] .product-info-col,
[data-theme="dark"] .info-column {
    background: #0f172a !important;
}

[data-theme="dark"] .product-detail h1,
[data-theme="dark"] .product-detail h2,
[data-theme="dark"] .product-detail h3,
[data-theme="dark"] .product-title,
[data-theme="dark"] .product-name {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .product-detail p,
[data-theme="dark"] .product-description,
[data-theme="dark"] .product-subtitle,
[data-theme="dark"] .product-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .product-badge,
[data-theme="dark"] .product-type-badge,
[data-theme="dark"] .actuator-badge,
[data-theme="dark"] [class*="pneumatic"],
[data-theme="dark"] [class*="hydraulic"],
[data-theme="dark"] .type-badge {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
}

[data-theme="dark"] .specifications h3,
[data-theme="dark"] .specifications h4,
[data-theme="dark"] .specs-title,
[data-theme="dark"] .key-specifications h3,
[data-theme="dark"] .key-specifications h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .spec-row,
[data-theme="dark"] .spec-item,
[data-theme="dark"] .spec-line {
    border-color: #334155 !important;
}

[data-theme="dark"] .spec-label,
[data-theme="dark"] .spec-name,
[data-theme="dark"] .spec-key {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .spec-value,
[data-theme="dark"] .spec-data {
    color: #f1f5f9 !important;
}

/* Product features list */
[data-theme="dark"] .product-features,
[data-theme="dark"] .features-list,
[data-theme="dark"] .product-highlights {
    background: #0f172a !important;
}

[data-theme="dark"] .product-features li,
[data-theme="dark"] .features-list li {
    color: #cbd5e1 !important;
}

/* ========================================
   NUCLEAR OPTION - CATCH-ALL FOR PRODUCT PAGES
   These use broader selectors as fallback
   ======================================== */
[data-theme="dark"] [class*="product-"] {
    background-color: inherit;
}

[data-theme="dark"] [class*="product-"][class*="container"],
[data-theme="dark"] [class*="product-"][class*="wrapper"],
[data-theme="dark"] [class*="product-"][class*="box"],
[data-theme="dark"] [class*="product-"][class*="card"],
[data-theme="dark"] [class*="product-"][class*="panel"] {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] [class*="gallery"],
[data-theme="dark"] [class*="thumbnail"]:not(img),
[data-theme="dark"] [class*="thumb"]:not(img) {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] [class*="spec"][class*="card"],
[data-theme="dark"] [class*="spec"][class*="box"],
[data-theme="dark"] [class*="spec"][class*="container"] {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ========================================
   QUICK SPECS - KEY SPECIFICATIONS BOX
   ======================================== */
[data-theme="dark"] .quick-specs,
[data-theme="dark"] .key-specs,
[data-theme="dark"] .product-quick-specs,
[data-theme="dark"] div[class*="quick-spec"] {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Quick specs section title */
[data-theme="dark"] .quick-specs h3,
[data-theme="dark"] .quick-specs h4,
[data-theme="dark"] .quick-specs .section-title,
[data-theme="dark"] .quick-specs-title {
    color: #60a5fa !important;
}

/* Quick specs labels (Hydraulic Pressure, Temperature Range, etc.) */
[data-theme="dark"] .quick-specs span,
[data-theme="dark"] .quick-specs .label,
[data-theme="dark"] .quick-specs-label,
[data-theme="dark"] .quick-spec-label {
    color: #cbd5e1 !important;
}

/* Quick specs values (3,000 PSI Max, -20°F to 200°F, etc.) */
[data-theme="dark"] .quick-specs strong,
[data-theme="dark"] .quick-specs .value,
[data-theme="dark"] .quick-specs-value,
[data-theme="dark"] .quick-spec-value {
    color: #f1f5f9 !important;
}

/* Quick specs icons */
[data-theme="dark"] .quick-specs i,
[data-theme="dark"] .quick-specs .icon,
[data-theme="dark"] .quick-specs svg {
    color: #60a5fa !important;
}

/* Catch any inline dark text colors within quick-specs */
[data-theme="dark"] .quick-specs [style*="color: #4"],
[data-theme="dark"] .quick-specs [style*="color: #5"],
[data-theme="dark"] .quick-specs [style*="color: #6"],
[data-theme="dark"] .quick-specs [style*="color: #7"] {
    color: #cbd5e1 !important;
}

/* ========================================
   SIZE CONFIGURATIONS / CONFIG CARDS
   ======================================== */
[data-theme="dark"] .size-configurations,
[data-theme="dark"] .size-config,
[data-theme="dark"] .configurations,
[data-theme="dark"] .config-card,
[data-theme="dark"] .configuration-card,
[data-theme="dark"] .product-configurations,
[data-theme="dark"] .product-config,
[data-theme="dark"] .operating-parameters,
[data-theme="dark"] .material-compliance,
[data-theme="dark"] .parameters-card,
[data-theme="dark"] .compliance-card,
[data-theme="dark"] .spec-card,
[data-theme="dark"] div[class*="configuration"],
[data-theme="dark"] div[class*="config-card"],
[data-theme="dark"] div[class*="parameters"],
[data-theme="dark"] div[class*="compliance"] {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Config card titles */
[data-theme="dark"] .size-configurations h3,
[data-theme="dark"] .size-configurations h4,
[data-theme="dark"] .configurations h3,
[data-theme="dark"] .configurations h4,
[data-theme="dark"] .config-card h3,
[data-theme="dark"] .config-card h4,
[data-theme="dark"] .operating-parameters h3,
[data-theme="dark"] .operating-parameters h4,
[data-theme="dark"] .material-compliance h3,
[data-theme="dark"] .material-compliance h4,
[data-theme="dark"] .config-title,
[data-theme="dark"] .configuration-title {
    color: #f1f5f9 !important;
}

/* Config labels (Model Sizes, Pressure Class, Operation, etc.) */
[data-theme="dark"] .size-configurations span,
[data-theme="dark"] .size-configurations .label,
[data-theme="dark"] .size-configurations td:first-child,
[data-theme="dark"] .configurations span,
[data-theme="dark"] .config-card span,
[data-theme="dark"] .operating-parameters span,
[data-theme="dark"] .material-compliance span,
[data-theme="dark"] .config-label {
    color: #cbd5e1 !important;
}

/* Config values (2" - 36", 150 - 900, Gear / Handwheel, etc.) */
[data-theme="dark"] .size-configurations strong,
[data-theme="dark"] .size-configurations .value,
[data-theme="dark"] .size-configurations td:last-child,
[data-theme="dark"] .configurations strong,
[data-theme="dark"] .config-card strong,
[data-theme="dark"] .operating-parameters strong,
[data-theme="dark"] .material-compliance strong,
[data-theme="dark"] .config-value {
    color: #f1f5f9 !important;
}

/* Config dividers/rows */
[data-theme="dark"] .size-configurations tr,
[data-theme="dark"] .size-configurations .row,
[data-theme="dark"] .size-configurations .config-row,
[data-theme="dark"] .config-card .row,
[data-theme="dark"] .operating-parameters .row,
[data-theme="dark"] .material-compliance .row,
[data-theme="dark"] .config-row {
    border-color: #334155 !important;
}

/* Config icons */
[data-theme="dark"] .size-configurations i,
[data-theme="dark"] .size-configurations svg,
[data-theme="dark"] .config-card i,
[data-theme="dark"] .config-card svg,
[data-theme="dark"] .operating-parameters i,
[data-theme="dark"] .operating-parameters svg,
[data-theme="dark"] .material-compliance i,
[data-theme="dark"] .material-compliance svg {
    color: #5bbfba !important;
}

/* Catch inline dark colors within config cards - brighten to readable */
[data-theme="dark"] .size-configurations [style*="color: #4"],
[data-theme="dark"] .size-configurations [style*="color: #5"],
[data-theme="dark"] .size-configurations [style*="color: #6"],
[data-theme="dark"] .size-configurations [style*="color: #7"],
[data-theme="dark"] .configurations [style*="color: #4"],
[data-theme="dark"] .configurations [style*="color: #5"],
[data-theme="dark"] .configurations [style*="color: #6"],
[data-theme="dark"] .configurations [style*="color: #7"],
[data-theme="dark"] .operating-parameters [style*="color: #4"],
[data-theme="dark"] .operating-parameters [style*="color: #5"],
[data-theme="dark"] .operating-parameters [style*="color: #6"],
[data-theme="dark"] .operating-parameters [style*="color: #7"],
[data-theme="dark"] .material-compliance [style*="color: #4"],
[data-theme="dark"] .material-compliance [style*="color: #5"],
[data-theme="dark"] .material-compliance [style*="color: #6"],
[data-theme="dark"] .material-compliance [style*="color: #7"] {
    color: #cbd5e1 !important;
}

/* ========================================
   NUCLEAR OVERRIDE - SPEC CARD CONTENT
   Catches ALL text inside cards with light backgrounds
   ======================================== */

/* SPEC-LIST - the actual structure used */
[data-theme="dark"] .spec-list,
[data-theme="dark"] ul.spec-list {
    background: transparent !important;
}

[data-theme="dark"] .spec-list li {
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

/* Labels (first span) */
[data-theme="dark"] .spec-list span,
[data-theme="dark"] .spec-list li span,
[data-theme="dark"] .spec-list li span:first-child {
    color: #cbd5e1 !important;
}

/* Values (last span) - higher specificity */
[data-theme="dark"] .spec-list li span:last-child,
[data-theme="dark"] .spec-list li span + span {
    color: #f1f5f9 !important;
}

/* ========================================
   RELATED PRODUCTS CARDS
   ======================================== */
[data-theme="dark"] .related-card,
[data-theme="dark"] a.related-card,
[data-theme="dark"] .related-product,
[data-theme="dark"] .related-item {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .related-card:hover,
[data-theme="dark"] a.related-card:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .related-image,
[data-theme="dark"] .related-card .related-image {
    background: transparent !important;
}

[data-theme="dark"] .related-card img {
    background: transparent !important;
}

[data-theme="dark"] .related-body,
[data-theme="dark"] .related-card .related-body {
    background: #1e293b !important;
}

[data-theme="dark"] .related-card h3,
[data-theme="dark"] .related-card h4,
[data-theme="dark"] .related-body h3,
[data-theme="dark"] .related-body h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .related-card p,
[data-theme="dark"] .related-body p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .related-link,
[data-theme="dark"] .related-card .related-link,
[data-theme="dark"] .related-card span {
    color: #60a5fa !important;
}

[data-theme="dark"] .related-link i,
[data-theme="dark"] .related-card i {
    color: #60a5fa !important;
}

[data-theme="dark"] .related-card:hover .related-link,
[data-theme="dark"] .related-card:hover span {
    color: #93c5fd !important;
}

/* ========================================
   INTRO LIST / CONTENT LISTS
   ======================================== */
[data-theme="dark"] .intro-list,
[data-theme="dark"] ul.intro-list,
[data-theme="dark"] .content-list,
[data-theme="dark"] .feature-list {
    background: transparent !important;
}

[data-theme="dark"] .intro-list li,
[data-theme="dark"] .content-list li,
[data-theme="dark"] .feature-list li {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .intro-list li::marker,
[data-theme="dark"] .content-list li::marker,
[data-theme="dark"] .feature-list li::marker {
    color: #60a5fa !important;
}

/* ========================================
   TIMELINE / HISTORY
   ======================================== */
[data-theme="dark"] .timeline,
[data-theme="dark"] .timeline-section,
[data-theme="dark"] .history-timeline {
    background: transparent !important;
}

[data-theme="dark"] .timeline-content,
[data-theme="dark"] .timeline-card,
[data-theme="dark"] .timeline-item,
[data-theme="dark"] .history-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .timeline-content:hover,
[data-theme="dark"] .timeline-card:hover {
    border-color: #60a5fa !important;
}

[data-theme="dark"] .timeline-year,
[data-theme="dark"] .timeline-date {
    color: #60a5fa !important;
    background: rgba(96, 165, 250, 0.15) !important;
}

[data-theme="dark"] .timeline-content h3,
[data-theme="dark"] .timeline-content h4,
[data-theme="dark"] .timeline-card h3,
[data-theme="dark"] .timeline-card h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .timeline-content p,
[data-theme="dark"] .timeline-card p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .timeline-content img,
[data-theme="dark"] .timeline-card img {
    background: transparent !important;
    border-color: #334155 !important;
}

/* Timeline line/connector */
[data-theme="dark"] .timeline::before,
[data-theme="dark"] .timeline-line {
    background: #334155 !important;
}

[data-theme="dark"] .timeline-dot,
[data-theme="dark"] .timeline-marker {
    background: #60a5fa !important;
    border-color: #1e293b !important;
}

/* ========================================
   CERTIFICATION CARDS
   ======================================== */
[data-theme="dark"] .cert-card,
[data-theme="dark"] .certification-card,
[data-theme="dark"] .certificate-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .cert-card:hover,
[data-theme="dark"] .certification-card:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .cert-card img,
[data-theme="dark"] .certification-card img {
    background: transparent !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .cert-card-body,
[data-theme="dark"] .certification-card-body {
    background: #1e293b !important;
}

[data-theme="dark"] .cert-card h3,
[data-theme="dark"] .cert-card h4,
[data-theme="dark"] .cert-card-body h3,
[data-theme="dark"] .cert-card-body h4,
[data-theme="dark"] .certification-card h3,
[data-theme="dark"] .certification-card h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .cert-card p,
[data-theme="dark"] .cert-card-body p,
[data-theme="dark"] .certification-card p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .cert-card a,
[data-theme="dark"] .cert-card-body a,
[data-theme="dark"] .certification-card a {
    color: #60a5fa !important;
}

[data-theme="dark"] .cert-card a:hover,
[data-theme="dark"] .cert-card-body a:hover {
    color: #93c5fd !important;
}

[data-theme="dark"] .cert-card i,
[data-theme="dark"] .cert-card-body i {
    color: #60a5fa !important;
}

/* ========================================
   DISTRIBUTORS PANEL / CARDS
   ======================================== */
[data-theme="dark"] .distributors-panel,
[data-theme="dark"] .distributors-section,
[data-theme="dark"] .distributor-list {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .distributors-panel h3,
[data-theme="dark"] .distributors-panel h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .distributor-card,
[data-theme="dark"] .distributor-item {
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .distributor-card:hover,
[data-theme="dark"] .distributor-item:hover {
    border-color: #60a5fa !important;
    background: #1e293b !important;
}

[data-theme="dark"] .distributor-card h4,
[data-theme="dark"] .distributor-card h5,
[data-theme="dark"] .distributor-name {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .distributor-card .location,
[data-theme="dark"] .distributor-card p,
[data-theme="dark"] .distributor-card span {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .distributor-card i,
[data-theme="dark"] .distributor-card .fa-map-marker-alt {
    color: #60a5fa !important;
}

[data-theme="dark"] .distributor-card a {
    color: #60a5fa !important;
}

[data-theme="dark"] .distributor-card a:hover {
    color: #93c5fd !important;
}

/* ========================================
   WARRANTY / LEGAL CONTENT
   ======================================== */
[data-theme="dark"] .warranty-content,
[data-theme="dark"] .warranty-section,
[data-theme="dark"] .legal-content {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .warranty-content h2,
[data-theme="dark"] .warranty-content h3,
[data-theme="dark"] .warranty-content h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .warranty-content p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .warranty-content p.legal,
[data-theme="dark"] .warranty-content .legal,
[data-theme="dark"] .legal-text {
    color: #94a3b8 !important;
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .warranty-image,
[data-theme="dark"] .warranty-content img {
    background: transparent !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .warranty-content .contact-info,
[data-theme="dark"] .contact-info {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .warranty-content .contact-info strong,
[data-theme="dark"] .contact-info strong {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .warranty-content .contact-info a,
[data-theme="dark"] .contact-info a {
    color: #60a5fa !important;
}

[data-theme="dark"] .warranty-content .contact-info a:hover,
[data-theme="dark"] .contact-info a:hover {
    color: #93c5fd !important;
}

/* ========================================
   MAIN CONTACT / DEPARTMENT CARDS
   ======================================== */
[data-theme="dark"] .main-contact,
[data-theme="dark"] .contact-main {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .main-contact h2,
[data-theme="dark"] .main-contact h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .main-contact p,
[data-theme="dark"] .main-contact-details,
[data-theme="dark"] .main-contact-address,
[data-theme="dark"] .main-contact-address p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .main-contact a {
    color: #60a5fa !important;
}

[data-theme="dark"] .main-contact a:hover {
    color: #93c5fd !important;
}

/* Department Cards */
[data-theme="dark"] .department-card,
[data-theme="dark"] .dept-card,
[data-theme="dark"] .contact-department {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .department-card:hover {
    border-color: #60a5fa !important;
}

[data-theme="dark"] .department-card h3,
[data-theme="dark"] .department-card h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .department-card p,
[data-theme="dark"] .department-card span {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .department-card i,
[data-theme="dark"] .department-card .fa-user-tie,
[data-theme="dark"] .department-card .fa-paper-plane {
    color: #60a5fa !important;
}

[data-theme="dark"] .department-card a {
    color: #60a5fa !important;
}

[data-theme="dark"] .department-card a:hover {
    color: #93c5fd !important;
}

/* ========================================
   CATEGORY TABS
   ======================================== */
[data-theme="dark"] .category-tab,
[data-theme="dark"] button.category-tab {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .category-tab:hover {
    background: #334155 !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .category-tab.active {
    background: #1e3a5f !important;
    border-color: #60a5fa !important;
}

[data-theme="dark"] .category-tab h3,
[data-theme="dark"] .category-tab h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .category-tab p,
[data-theme="dark"] .category-tab .tab-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .category-tab.active h3,
[data-theme="dark"] .category-tab.active h4 {
    color: #ffffff !important;
}

[data-theme="dark"] .category-tab.active p,
[data-theme="dark"] .category-tab.active .tab-desc {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .category-tab-icon,
[data-theme="dark"] .category-tab i {
    color: #60a5fa !important;
}

[data-theme="dark"] .category-tab.active .category-tab-icon,
[data-theme="dark"] .category-tab.active i {
    color: #93c5fd !important;
}

/* ========================================
   HELP BAR
   ======================================== */
[data-theme="dark"] .help-bar {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .help-bar p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .help-bar a {
    color: #60a5fa !important;
}

[data-theme="dark"] .help-bar a:hover {
    color: #93c5fd !important;
}

/* ========================================
   SUPPORT SECTION / CAPABILITIES
   ======================================== */
[data-theme="dark"] .support-section {
    background: #0f172a !important;
}

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

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

[data-theme="dark"] .section-label {
    color: #60a5fa !important;
    background: rgba(96, 165, 250, 0.1) !important;
    border-color: #60a5fa !important;
}

/* Support Cards */
[data-theme="dark"] .support-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .support-card:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
}

[data-theme="dark"] .support-card h3,
[data-theme="dark"] .support-card h4 {
    color: #f1f5f9 !important;
}

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

[data-theme="dark"] .support-card-icon {
    background: rgba(96, 165, 250, 0.1) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .support-card-icon i {
    color: #60a5fa !important;
}

[data-theme="dark"] .support-card-link {
    color: #60a5fa !important;
}

[data-theme="dark"] .support-card-link:hover {
    color: #93c5fd !important;
}

/* Process Number */
[data-theme="dark"] .process-number {
    color: #60a5fa !important;
    background: rgba(96, 165, 250, 0.15) !important;
    border-color: #475569 !important;
}

/* Support Option Icon */
[data-theme="dark"] .support-option-icon {
    background: rgba(96, 165, 250, 0.1) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .support-option-icon i {
    color: #60a5fa !important;
}

/* ========================================
   PRODUCT RESOURCES / RESOURCE LINKS
   ======================================== */
[data-theme="dark"] .product-resources,
[data-theme="dark"] .resources,
[data-theme="dark"] .resource-buttons {
    background: transparent !important;
}

[data-theme="dark"] .resource-link,
[data-theme="dark"] a.resource-link,
[data-theme="dark"] .product-resources a {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .resource-link:hover,
[data-theme="dark"] a.resource-link:hover,
[data-theme="dark"] .product-resources a:hover {
    background: #334155 !important;
    border-color: #60a5fa !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .resource-link i,
[data-theme="dark"] .product-resources a i {
    color: #60a5fa !important;
}

[data-theme="dark"] .resource-link:hover i,
[data-theme="dark"] .product-resources a:hover i {
    color: #93c5fd !important;
}

/* Generic card content */
[data-theme="dark"] .card p,
[data-theme="dark"] .card span,
[data-theme="dark"] .card div,
[data-theme="dark"] .card td,
[data-theme="dark"] .card li {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .card strong,
[data-theme="dark"] .card b,
[data-theme="dark"] .card .value {
    color: #f1f5f9 !important;
}

/* Target any element with gray text colors commonly used for labels */
[data-theme="dark"] [style*="color: #4a5568"],
[data-theme="dark"] [style*="color: #4A5568"],
[data-theme="dark"] [style*="color: rgb(74, 85, 104)"],
[data-theme="dark"] [style*="color: #718096"],
[data-theme="dark"] [style*="color: rgb(113, 128, 150)"],
[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color: rgb(100, 116, 139)"],
[data-theme="dark"] [style*="color: #475569"],
[data-theme="dark"] [style*="color: rgb(71, 85, 105)"] {
    color: #cbd5e1 !important;
}

/* Tailwind gray classes that might be used */
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-500,
[data-theme="dark"] .text-gray-700,
[data-theme="dark"] .text-slate-600,
[data-theme="dark"] .text-slate-500,
[data-theme="dark"] .text-slate-700 {
    color: #cbd5e1 !important;
}

/* ========================================
   COMPANY / ABOUT PAGE
   ======================================== */
[data-theme="dark"] .about-section,
[data-theme="dark"] .company-section,
[data-theme="dark"] .about-content,
[data-theme="dark"] .company-content,
[data-theme="dark"] .about-intro,
[data-theme="dark"] .company-intro {
    background: #0f172a !important;
}

[data-theme="dark"] .about-section p,
[data-theme="dark"] .company-section p,
[data-theme="dark"] .about-content p,
[data-theme="dark"] .company-content p,
[data-theme="dark"] .about-text,
[data-theme="dark"] .company-text,
[data-theme="dark"] .intro-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .about-section h1,
[data-theme="dark"] .about-section h2,
[data-theme="dark"] .about-section h3,
[data-theme="dark"] .company-section h1,
[data-theme="dark"] .company-section h2,
[data-theme="dark"] .company-section h3 {
    color: #f1f5f9 !important;
}

/* Bullet/check lists on about page */
[data-theme="dark"] .about-section li,
[data-theme="dark"] .company-section li,
[data-theme="dark"] .about-list li,
[data-theme="dark"] .benefits-list li,
[data-theme="dark"] .check-list li {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .about-section ul,
[data-theme="dark"] .company-section ul,
[data-theme="dark"] .check-list {
    color: #cbd5e1 !important;
}

/* Checkmark icons */
[data-theme="dark"] .check-list i,
[data-theme="dark"] .about-section li::before,
[data-theme="dark"] .fa-check {
    color: #22c55e !important;
}

/* ========================================
   LIGHT GRAY SECTIONS (Company page nav area)
   ======================================== */
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-gray,
[data-theme="dark"] .bg-grey,
[data-theme="dark"] .light-bg,
[data-theme="dark"] .gray-bg,
[data-theme="dark"] .grey-bg,
[data-theme="dark"] .section-light,
[data-theme="dark"] .section-gray,
[data-theme="dark"] .section-grey,
[data-theme="dark"] .alt-section,
[data-theme="dark"] .alternate-section,
[data-theme="dark"] .bg-secondary,
[data-theme="dark"] .bg-muted,
[data-theme="dark"] [style*="background: #f"],
[data-theme="dark"] [style*="background-color: #f"],
[data-theme="dark"] [style*="background: #e"],
[data-theme="dark"] [style*="background-color: #e"],
[data-theme="dark"] [style*="background: #d"],
[data-theme="dark"] [style*="background-color: #d"],
[data-theme="dark"] [style*="background: rgb(24"],
[data-theme="dark"] [style*="background: rgb(23"],
[data-theme="dark"] [style*="background: rgb(22"],
[data-theme="dark"] [style*="background: rgb(21"],
[data-theme="dark"] [style*="background: rgb(20"],
[data-theme="dark"] [style*="background-color: rgb(24"],
[data-theme="dark"] [style*="background-color: rgb(23"],
[data-theme="dark"] [style*="background-color: rgb(22"],
[data-theme="dark"] [style*="background-color: rgb(21"],
[data-theme="dark"] [style*="background-color: rgb(20"] {
    background: #1e293b !important;
    background-color: #1e293b !important;
}

/* Navigation/link buttons row (Omni History, Certifications, etc.) */
[data-theme="dark"] .page-nav,
[data-theme="dark"] .section-nav,
[data-theme="dark"] .sub-nav,
[data-theme="dark"] .internal-nav,
[data-theme="dark"] .page-links,
[data-theme="dark"] .nav-buttons,
[data-theme="dark"] .link-buttons,
[data-theme="dark"] .quick-links,
[data-theme="dark"] .jump-links,
[data-theme="dark"] .anchor-links,
[data-theme="dark"] .section-links {
    background: #1e293b !important;
}

[data-theme="dark"] .page-nav a,
[data-theme="dark"] .section-nav a,
[data-theme="dark"] .sub-nav a,
[data-theme="dark"] .nav-buttons a,
[data-theme="dark"] .link-buttons a,
[data-theme="dark"] .quick-links a,
[data-theme="dark"] .pill-btn,
[data-theme="dark"] .pill-link,
[data-theme="dark"] .tag-btn,
[data-theme="dark"] .tag-link,
[data-theme="dark"] .nav-pill,
[data-theme="dark"] .link-pill {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .page-nav a:hover,
[data-theme="dark"] .section-nav a:hover,
[data-theme="dark"] .nav-buttons a:hover,
[data-theme="dark"] .pill-btn:hover,
[data-theme="dark"] .pill-link:hover {
    background: #475569 !important;
    border-color: #60a5fa !important;
    color: #f1f5f9 !important;
}

/* Generic rounded/pill buttons that might be light */
[data-theme="dark"] a.btn-light,
[data-theme="dark"] a.btn-outline-light,
[data-theme="dark"] a.btn-secondary,
[data-theme="dark"] a.btn-outline-secondary,
[data-theme="dark"] .btn-pill,
[data-theme="dark"] .btn-rounded,
[data-theme="dark"] .btn-tag {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] a.btn-light:hover,
[data-theme="dark"] a.btn-outline-light:hover,
[data-theme="dark"] a.btn-secondary:hover,
[data-theme="dark"] a.btn-outline-secondary:hover {
    background: #475569 !important;
    color: #f1f5f9 !important;
}

/* ========================================
   HSE / POLICY PAGES
   ======================================== */
[data-theme="dark"] .policy-section,
[data-theme="dark"] .hse-section,
[data-theme="dark"] .commitment-section,
[data-theme="dark"] .pledge-section {
    background: #0f172a !important;
}

[data-theme="dark"] .policy-section h2,
[data-theme="dark"] .policy-section h3,
[data-theme="dark"] .hse-section h2,
[data-theme="dark"] .hse-section h3,
[data-theme="dark"] .commitment-title,
[data-theme="dark"] .pledge-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .policy-section p,
[data-theme="dark"] .policy-section li,
[data-theme="dark"] .hse-section p,
[data-theme="dark"] .hse-section li,
[data-theme="dark"] .commitment-text,
[data-theme="dark"] .pledge-item {
    color: #cbd5e1 !important;
}

/* Bullet points styling */
[data-theme="dark"] .policy-section ul li::marker,
[data-theme="dark"] .hse-section ul li::marker,
[data-theme="dark"] ul li::marker {
    color: #60a5fa !important;
}

/* ========================================
   CONTACT PAGE
   ======================================== */
[data-theme="dark"] .contact-section,
[data-theme="dark"] .contact-page,
[data-theme="dark"] .contact-content,
[data-theme="dark"] .contact-wrapper {
    background: #0f172a !important;
}

[data-theme="dark"] .contact-card,
[data-theme="dark"] .contact-box,
[data-theme="dark"] .contact-method,
[data-theme="dark"] .contact-option,
[data-theme="dark"] .contact-item {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .contact-card:hover,
[data-theme="dark"] .contact-box:hover {
    border-color: #60a5fa !important;
}

[data-theme="dark"] .contact-card h3,
[data-theme="dark"] .contact-card h4,
[data-theme="dark"] .contact-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .contact-card p,
[data-theme="dark"] .contact-card span,
[data-theme="dark"] .contact-text,
[data-theme="dark"] .contact-info {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .contact-card i,
[data-theme="dark"] .contact-icon {
    color: #60a5fa !important;
}

/* Address/info cards - the white box issue */
[data-theme="dark"] .info-card,
[data-theme="dark"] .address-card,
[data-theme="dark"] .location-card,
[data-theme="dark"] .info-box,
[data-theme="dark"] .address-box,
[data-theme="dark"] .details-card,
[data-theme="dark"] .company-info-card,
[data-theme="dark"] .contact-details-card,
[data-theme="dark"] .white-card,
[data-theme="dark"] .card-white,
[data-theme="dark"] .bg-white {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .info-card h3,
[data-theme="dark"] .info-card h4,
[data-theme="dark"] .address-card h3,
[data-theme="dark"] .address-card h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .info-card p,
[data-theme="dark"] .info-card span,
[data-theme="dark"] .address-card p,
[data-theme="dark"] .address-card span,
[data-theme="dark"] .address-text,
[data-theme="dark"] .location-text {
    color: #cbd5e1 !important;
}

/* Phone/contact links */
[data-theme="dark"] .info-card a,
[data-theme="dark"] .address-card a,
[data-theme="dark"] a[href^="tel:"],
[data-theme="dark"] .phone-link {
    color: #60a5fa !important;
}

/* Map container if present */
[data-theme="dark"] .map-container,
[data-theme="dark"] .map-wrapper {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ========================================
   GENERIC WHITE BACKGROUND OVERRIDES
   ======================================== */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .white-bg,
[data-theme="dark"] .background-white,
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #fff"] {
    background: #1e293b !important;
    background-color: #1e293b !important;
}

/* Dark text overrides for content areas */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .dark-text,
[data-theme="dark"] [style*="color: #1"],
[data-theme="dark"] [style*="color: #2"],
[data-theme="dark"] [style*="color: #3"],
[data-theme="dark"] [style*="color: #4"],
[data-theme="dark"] [style*="color: #5"],
[data-theme="dark"] [style*="color: black"],
[data-theme="dark"] [style*="color: rgb(0"],
[data-theme="dark"] [style*="color: rgb(1"],
[data-theme="dark"] [style*="color: rgb(2"],
[data-theme="dark"] [style*="color: rgb(3"],
[data-theme="dark"] [style*="color: rgb(4"],
[data-theme="dark"] [style*="color: rgb(5"] {
    color: #cbd5e1 !important;
}

/* Maroon/brown text fix (seen in contact page) */
[data-theme="dark"] [style*="color: #8"],
[data-theme="dark"] [style*="color: #7"],
[data-theme="dark"] [style*="color: #6"],
[data-theme="dark"] .text-maroon,
[data-theme="dark"] .text-brown,
[data-theme="dark"] .text-primary-dark {
    color: #cbd5e1 !important;
}

/* Accent colored links */
[data-theme="dark"] a[style*="color: #8"],
[data-theme="dark"] a[style*="color: #7"],
[data-theme="dark"] a.accent-link {
    color: #60a5fa !important;
}

/* ========================================
   DIVIDERS & BORDERS (red/accent line fix)
   ======================================== */
[data-theme="dark"] .divider-accent,
[data-theme="dark"] .accent-border,
[data-theme="dark"] hr.accent,
[data-theme="dark"] [style*="border-color: #8"],
[data-theme="dark"] [style*="border-color: #7"],
[data-theme="dark"] [style*="border: 1px solid #8"],
[data-theme="dark"] [style*="border: 2px solid #8"] {
    border-color: #60a5fa !important;
}

/* ========================================
   PRINT - DISABLE DARK MODE
   ======================================== */
@media print {
    [data-theme="dark"] body,
    [data-theme="dark"] * {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
    }
}