/* Dark Mode Overrides */

/* ============================================================
   DARK MODE — True OLED Refinement
   ============================================================ */
[data-theme="dark"] {
    --bg-primary: #000000;
    --bg-secondary: #111115;
    --bg-card: #16161a;
    --bg-glass: rgba(0, 0, 0, 0.88);
    --bg-glass-strong: rgba(10, 10, 18, 0.96);
    --bg-section-alt: #16161a;
    --bg-elevated: rgba(22, 22, 26, 0.9);
    --text-primary: #f5f5f7;
    --text-secondary: rgba(245, 245, 247, 0.64);
    --text-muted: rgba(245, 245, 247, 0.36);
    --text-placeholder: rgba(245, 245, 247, 0.28);
    --border-color: #2a2a30;
    --border-subtle: rgba(255, 255, 255, 0.07);
    --border-accent: rgba(90, 79, 243, 0.38);
    --border-card: rgba(255, 255, 255, 0.05);
    --border-glow: rgba(90, 79, 243, 0.55);
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.6);
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 30px rgba(90, 79, 243, 0.3), 0 4px 20px rgba(90, 79, 243, 0.2);
    --shadow-card-hover: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(90, 79, 243, 0.15);
    --success-light: rgba(22, 163, 74, 0.15);
}

[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* ---- Header ---- */
[data-theme="dark"] header {
    background: rgba(0, 0, 0, 0.9);
    border-bottom-color: rgba(255,255,255,0.06);
    backdrop-filter: saturate(200%) blur(24px);
    -webkit-backdrop-filter: saturate(200%) blur(24px);
}

[data-theme="dark"] header.scrolled {
    background: rgba(0, 0, 0, 0.97);
}

/* ---- Hero ---- */
[data-theme="dark"] .hero {
    background: #000000;
}

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

/* ---- Cards — subtle inner glow ---- */
[data-theme="dark"] .service-card {
    background: #16161a;
    border-color: rgba(255,255,255,0.055);
    box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.04);
}

[data-theme="dark"] .service-card:hover {
    border-color: rgba(90,79,243,0.4);
    box-shadow: 0 20px 50px rgba(0,0,0,0.7), 0 0 0 1px rgba(90,79,243,0.15);
}

[data-theme="dark"] .service-card.popular {
    background: linear-gradient(170deg, #1e1b2e 0%, #16161a 100%) !important;
    border-color: rgba(90,79,243,0.5) !important;
    box-shadow: 0 12px 40px rgba(90,79,243,0.2), 0 0 0 1px rgba(90,79,243,0.2), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

[data-theme="dark"] .service-card.popular:hover {
    box-shadow: 0 28px 65px rgba(90,79,243,0.3), 0 0 0 1px rgba(90,79,243,0.25) !important;
}

[data-theme="dark"] .feature-card {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-theme="dark"] .feature-card:hover {
    border-color: rgba(90, 79, 243, 0.38);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(90,79,243,0.1);
    background: rgba(255, 255, 255, 0.055);
}

[data-theme="dark"] .testimonial-card {
    background: #16161a;
    border-color: rgba(255,255,255,0.055);
    box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.04);
}

[data-theme="dark"] .testimonial-card:hover {
    border-color: rgba(90,79,243,0.35);
    box-shadow: 0 20px 50px rgba(0,0,0,0.7);
}

[data-theme="dark"] .faq-item {
    background: #16161a;
    border-color: rgba(255,255,255,0.055);
}

[data-theme="dark"] .faq-item[open] {
    border-color: rgba(90,79,243,0.28);
    box-shadow: 0 4px 24px rgba(90,79,243,0.1);
}

[data-theme="dark"] .dc-card {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(255, 255, 255, 0.07);
}

[data-theme="dark"] .tld-price-card {
    background: #16161a;
    border-color: rgba(255,255,255,0.055);
}

[data-theme="dark"] .perf-stat {
    background: #16161a;
    border-color: rgba(255,255,255,0.055);
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

[data-theme="dark"] .summary-card,
[data-theme="dark"] .form-card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .auth-box,
[data-theme="dark"] .modal-content {
    background: #16161a;
    border-color: rgba(255,255,255,0.07);
}

[data-theme="dark"] .support-option-card,
[data-theme="dark"] .value-card,
[data-theme="dark"] .team-card {
    background: #16161a;
    border-color: rgba(255,255,255,0.055);
}

[data-theme="dark"] .summary-stat-card { background: #16161a; border-color: #2a2a30; }

/* ---- Section / Typography ---- */
[data-theme="dark"] .section-title { color: #f5f5f7; }
[data-theme="dark"] .service-name  { color: #f5f5f7; }
[data-theme="dark"] .feature-card h3 { color: #f5f5f7; }
[data-theme="dark"] .cta-content h2  { color: #f5f5f7; }

[data-theme="dark"] .content-page h1,
[data-theme="dark"] .content-page h2,
[data-theme="dark"] .content-page h3 {
    color: #f5f5f7;
}

[data-theme="dark"] .section-label {
    background: rgba(90, 79, 243, 0.18);
    border-color: rgba(90, 79, 243, 0.3);
    color: #a89cff;
}

/* ---- Page hero / auth ---- */
[data-theme="dark"] .page-hero {
    background: linear-gradient(180deg, #0a0a14 0%, #000000 100%);
}

[data-theme="dark"] .auth-page {
    background: linear-gradient(180deg, #000000 0%, #111115 100%);
}

/* ---- CTA section ---- */
[data-theme="dark"] .cta-section {
    background: #000000;
}

[data-theme="dark"] .cta-section::before {
    background:
        radial-gradient(ellipse 65% 55% at 50% 50%, rgba(90, 79, 243, 0.25) 0%, transparent 60%),
        radial-gradient(ellipse 45% 45% at 15% 80%, rgba(37, 99, 235, 0.18) 0%, transparent 50%),
        radial-gradient(ellipse 40% 40% at 85% 15%, rgba(168, 85, 247, 0.12) 0%, transparent 50%);
}

/* ---- Features section ---- */
[data-theme="dark"] .features-section::before {
    background:
        radial-gradient(ellipse 55% 55% at 25% 35%, rgba(90, 79, 243, 0.22) 0%, transparent 60%),
        radial-gradient(ellipse 45% 45% at 75% 65%, rgba(37, 99, 235, 0.14) 0%, transparent 55%);
}

/* ---- Inputs ---- */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: #1e1e24;
    border-color: #2a2a30;
    color: #f5f5f7;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
    background: #1e1e24;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(90, 79, 243, 0.18);
}

/* ---- Footer ---- */
[data-theme="dark"] footer,
[data-theme="dark"] .site-footer {
    background: var(--bg-primary);
    border-top-color: rgba(255,255,255,0.06);
}

[data-theme="dark"] .newsletter-form input {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.1);
    color: var(--text-primary);
}

/* ---- Domain search results ---- */
[data-theme="dark"] .result-available {
    background: rgba(22, 163, 74, 0.1);
    border-color: rgba(22, 163, 74, 0.32);
}

[data-theme="dark"] .result-taken {
    background: rgba(220, 38, 38, 0.1);
    border-color: rgba(220, 38, 38, 0.32);
}

/* ---- Badges / states ---- */
[data-theme="dark"] .price-save {
    background: rgba(22, 163, 74, 0.15);
    color: #34d399;
}

[data-theme="dark"] .service-features li::before {
    background: rgba(22, 163, 74, 0.14);
    color: #34d399;
}

[data-theme="dark"] .cycle-discount {
    background: rgba(22, 163, 74, 0.14);
    color: #34d399;
}

[data-theme="dark"] .msg-success {
    background: rgba(22, 163, 74, 0.1);
    color: #34d399;
    border-color: rgba(22, 163, 74, 0.32);
}

[data-theme="dark"] .msg-error {
    background: rgba(220, 38, 38, 0.1);
    color: #f87171;
    border-color: rgba(220, 38, 38, 0.32);
}

[data-theme="dark"] .badge-active  { background: rgba(22,163,74,0.12);  color: #34d399;  border-color: rgba(22,163,74,0.32);  }
[data-theme="dark"] .badge-pending { background: rgba(245,158,11,0.12); color: #fbbf24;  border-color: rgba(245,158,11,0.32); }
[data-theme="dark"] .badge-expired { background: rgba(220,38,38,0.12);  color: #f87171;  border-color: rgba(220,38,38,0.32);  }

/* ---- Success page ---- */
[data-theme="dark"] .success-page { background: linear-gradient(180deg, #0a0a0a 0%, #000000 100%); }
[data-theme="dark"] .success-box  { background: #16161a; border-color: rgba(22,163,74,0.38); }
[data-theme="dark"] .success-check { background: rgba(22,163,74,0.12); }

/* ---- Live Chat Widget ---- */
[data-theme="dark"] #wfh-chat-window {
    background: #16161a !important;
    border-color: #2a2a30 !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.7) !important;
}

[data-theme="dark"] #wfh-chat-body { background: #0a0a0a !important; }

[data-theme="dark"] #wfh-chat-body > div[style*="background:#f3f4f6"],
[data-theme="dark"] #wfh-chat-body > div[style*="background: #f3f4f6"] {
    background: #1e1e24 !important;
    color: #f5f5f7 !important;
}

[data-theme="dark"] #wfh-chat-input {
    background: #1e1e24 !important;
    border-color: #2a2a30 !important;
    color: #f5f5f7 !important;
}

[data-theme="dark"] #wfh-chat-input::placeholder { color: #636366 !important; }

[data-theme="dark"] #wfh-chat-window > div:first-child {
    background: linear-gradient(135deg, #5A4FF3, #2563EB) !important;
}

[data-theme="dark"] #wfh-chat-window > div:nth-child(2) {
    background: #0a0a0a !important;
    border-top-color: #2a2a30 !important;
}

[data-theme="dark"] #wfh-chat-window > div:nth-child(3) {
    background: #16161a !important;
    border-top-color: #2a2a30 !important;
}

/* ---- Mobile Nav ---- */
[data-theme="dark"] .nav-menu {
    background: #000000;
    border-left-color: #111115;
    box-shadow: -12px 0 50px rgba(0,0,0,0.6);
}

[data-theme="dark"] .nav-links a {
    color: rgba(245,245,247,0.55);
    border-bottom-color: #111115;
}

[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-links a.active {
    color: #f5f5f7;
}

[data-theme="dark"] .hamburger-line { background: #f5f5f7; }

/* ---- Comparison Table ---- */
[data-theme="dark"] .comparison-table td { border-bottom-color: #2a2a30; }
[data-theme="dark"] .comparison-table tbody tr:hover { background: rgba(90,79,243,0.07); }

/* ---- Support form ---- */
[data-theme="dark"] .ticket-inline-form input:focus,
[data-theme="dark"] .ticket-inline-form select:focus,
[data-theme="dark"] .ticket-inline-form textarea:focus {
    background: #1e1e24;
    box-shadow: 0 0 0 3px rgba(90,79,243,0.18);
}

[data-theme="dark"] .ticket-inline-form select option {
    background: #1e1e24;
    color: #f5f5f7;
}

/* ---- CTA mini ---- */
[data-theme="dark"] .cta-mini {
    background: linear-gradient(135deg, rgba(90,79,243,0.22) 0%, rgba(37,99,235,0.16) 100%);
    border-color: rgba(90,79,243,0.3);
}

/* ---- Comparison table ---- */
[data-theme="dark"] .comparison-table-wrap {
    border-color: #2a2a30;
}

/* Trusted bar dark */
[data-theme="dark"] .trusted-bar {
    background: var(--bg-primary);
    border-bottom-color: rgba(255,255,255,0.06);
}

/* Stats bar stays gradient — no change needed */

/* Domain search on hero stays white bg */
[data-theme="dark"] .domain-search {
    background: rgba(255,255,255,0.96);
}