/* ═══════════════════════════════════════════════════
   WTS DARK MODE — Vollständiges Stylesheet
   Selector: [data-theme="dark"]
   ═══════════════════════════════════════════════════ */

/* ── Base ── */
[data-theme="dark"] body {
  background: #0e0e1a;
  color: #e8e8f4;
}

/* ── Navbar ── */
[data-theme="dark"] .site-header {
  background: rgba(13,13,24,.97) !important;
  border-bottom-color: #1e1e32 !important;
}
[data-theme="dark"] .nav-trigger,
[data-theme="dark"] .nav-link { color: #c8c8e0; }
[data-theme="dark"] .nav-trigger:hover,
[data-theme="dark"] .nav-link:hover { color: #b146f8; }
[data-theme="dark"] .nav-cart,
[data-theme="dark"] .nav-user {
  background: #1a1a2e;
  border-color: #2a2a42;
  color: #c8c8e0;
}
[data-theme="dark"] .nav-cart:hover,
[data-theme="dark"] .nav-user:hover { border-color: #b146f8; color: #b146f8; background: #1e1040; }
[data-theme="dark"] .btn-nav-cta { background: #b146f8; }
[data-theme="dark"] .btn-nav-cta:hover { background: #9b30e0; }
[data-theme="dark"] .nav-theme-btn { border-color: #2a2a42; color: #7070a0; }
[data-theme="dark"] .nav-theme-btn:hover { background: #1a1a2e; border-color: #b146f8; color: #b146f8; }
[data-theme="dark"] .hamburger span { background: #c8c8e0; }

/* ── Mega Menu ── */
[data-theme="dark"] .mega-panel {
  background: #13131f;
  border-color: #2a2a42;
  box-shadow: 0 20px 60px rgba(0,0,0,.6);
}
[data-theme="dark"] .mega-heading { color: #6060a0; }
[data-theme="dark"] .mega-item { color: #c8c8e0; }
[data-theme="dark"] .mega-item:hover { background: #1a1a2e; }
[data-theme="dark"] .mi-sub { color: #7070a0; }
[data-theme="dark"] .mega-icon { background: #1a1a2e; color: #b146f8; }
[data-theme="dark"] .tld-chip { background: #1a1a2e; border-color: #2a2a42; color: #c8c8e0; }
[data-theme="dark"] .tld-chip:hover { border-color: #b146f8; color: #b146f8; }
[data-theme="dark"] .quick-link { color: #7070a0; }
[data-theme="dark"] .quick-link:hover { color: #b146f8; background: #1a1a2e; }
[data-theme="dark"] .loc-pill { background: #1a1a2e; color: #7070a0; }
[data-theme="dark"] .view-all { color: #b146f8; }

/* ── Notification Panel ── */
[data-theme="dark"] .notif-panel {
  background: #13131f;
  border-color: #2a2a42;
  box-shadow: 0 16px 48px rgba(0,0,0,.6);
}
[data-theme="dark"] .notif-header {
  border-bottom-color: #2a2a42;
  color: #c8c8e0;
}
[data-theme="dark"] .notif-mark-all { color: #b146f8; }
[data-theme="dark"] .notif-item { border-bottom-color: #1e1e32; color: #c8c8e0; }
[data-theme="dark"] .notif-item:hover { background: #1a1a2e; }
[data-theme="dark"] .notif-view-all { color: #b146f8; border-top-color: #2a2a42; }
[data-theme="dark"] .notif-time { color: #6060a0; }

/* ── Footer — always dark, no change needed ── */
/* Footer uses --gray-900 background which is already dark */

/* ── Buttons ── */
[data-theme="dark"] .btn-secondary {
  background: #1a1a2e;
  border-color: #2a2a42;
  color: #c8c8e0;
}
[data-theme="dark"] .btn-secondary:hover {
  background: #1e1040;
  border-color: #b146f8;
  color: #b146f8;
}
[data-theme="dark"] .btn-ghost { color: #9090b8; }
[data-theme="dark"] .btn-ghost:hover { background: #1a1a2e; color: #b146f8; }
[data-theme="dark"] .btn-white { background: #1a1a2e; color: #c8c8e0; }
[data-theme="dark"] .btn-white:hover { background: #1e1040; color: #b146f8; }

/* ── Forms ── */
[data-theme="dark"] .form-input,
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.btn),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: #1a1a2e;
  border-color: #2a2a42;
  color: #e8e8f4;
}
[data-theme="dark"] .form-input:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
  border-color: #b146f8;
  box-shadow: 0 0 0 3px rgba(177,70,248,.15);
}
[data-theme="dark"] .form-label { color: #a0a0c8; }
[data-theme="dark"] ::placeholder { color: #4a4a70; }

/* ── Cards / Surfaces ── */
[data-theme="dark"] .plan-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .vps-card,
[data-theme="dark"] .kb-card,
[data-theme="dark"] .ref-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .career-card {
  background: #13131f;
  border-color: #2a2a42;
}
[data-theme="dark"] .plan-card:hover,
[data-theme="dark"] .vps-card:hover { border-color: #b146f8; }
[data-theme="dark"] .plan-card.featured {
  border-color: #b146f8;
  background: #160e2a;
}

/* ── Sections ── */
[data-theme="dark"] .section-alt { background: #0a0a16 !important; }
[data-theme="dark"] .section-dark { background: #060610; }
[data-theme="dark"] .page-banner {
  background: linear-gradient(160deg, #0a0a16 0%, #13131f 100%);
}

/* ── Account Layout — volle Breite + Dark Mode ── */
[data-theme="dark"] .acc-layout { background: #0e0e1a; }

[data-theme="dark"] .acc-sidebar {
  background: #13131f;
  border-color: #2a2a42;
}
[data-theme="dark"] .acc-sidebar-user {
  background: linear-gradient(135deg, #1e1040, #160e2a);
  border-bottom-color: #2a2a42;
}
[data-theme="dark"] .acc-user-name { color: #e8e8f4; }
[data-theme="dark"] .acc-user-email { color: #7070a0; }
[data-theme="dark"] .acc-nav-item { color: #9090b8; }
[data-theme="dark"] .acc-nav-item:hover,
[data-theme="dark"] .acc-nav-item.active { background: #1a1a2e; color: #b146f8; }
[data-theme="dark"] .acc-nav-divider { background: #1e1e32; }
[data-theme="dark"] .acc-nav-logout { color: #f87171; }
[data-theme="dark"] .acc-nav-logout:hover { background: #2d1010; color: #f87171; }

[data-theme="dark"] .acc-section {
  background: #13131f;
  border-color: #2a2a42;
}
[data-theme="dark"] .acc-section-title {
  color: #e8e8f4;
  border-bottom-color: #2a2a42;
}
[data-theme="dark"] .acc-section-title .sub { color: #7070a0; }

[data-theme="dark"] .acc-stat { border-color: #2a2a42; background: #1a1a2e; }
[data-theme="dark"] .acc-stat.brand { background: #1e1040; border-color: #3a1a60; }
[data-theme="dark"] .acc-stat.success { background: #052e16; border-color: #166534; }
[data-theme="dark"] .acc-stat-label { color: #7070a0; }

[data-theme="dark"] .svc-row { border-bottom-color: #1e1e32; }
[data-theme="dark"] .svc-name { color: #e8e8f4; }
[data-theme="dark"] .svc-meta { color: #7070a0; }
[data-theme="dark"] .svc-icon { background: #1e1040; color: #b146f8; }

[data-theme="dark"] .acc-breadcrumb { color: #5050a0; }
[data-theme="dark"] .acc-breadcrumb a { color: #b146f8; }

/* ── Nachrichten ── */
[data-theme="dark"] .msg-row {
  border-bottom-color: #1e1e32;
}
[data-theme="dark"] .msg-row:hover { background: #1a1a2e; }
[data-theme="dark"] .msg-row.unread { background: #160e2a; }
[data-theme="dark"] .msg-row.active {
  background: #1e1040;
  border-left-color: #b146f8;
}
[data-theme="dark"] .msg-subj { color: #e8e8f4; }
[data-theme="dark"] .msg-prev,
[data-theme="dark"] .msg-time { color: #5050a0; }

/* ── Tables / Data rows ── */
[data-theme="dark"] .data-row { border-bottom-color: #1e1e32; color: #c8c8e0; }
[data-theme="dark"] .data-row:hover { background: #1a1a2e; }
[data-theme="dark"] .data-label { color: #7070a0; }
[data-theme="dark"] .data-value { color: #e8e8f4; }
[data-theme="dark"] table thead { background: #1a1a2e; color: #7070a0; }
[data-theme="dark"] table td { border-bottom-color: #1e1e32; color: #c8c8e0; }
[data-theme="dark"] table tr:hover td { background: #1a1a2e; }

/* ── Status badges ── */
[data-theme="dark"] .status-paid,
[data-theme="dark"] .status-active,
[data-theme="dark"] .status-accepted { background: #052e16; color: #4ade80; border-color: #166534; }
[data-theme="dark"] .status-open,
[data-theme="dark"] .status-pending  { background: #1c1400; color: #fbbf24; border-color: #713f12; }
[data-theme="dark"] .status-overdue,
[data-theme="dark"] .status-suspended,
[data-theme="dark"] .status-declined { background: #2d1010; color: #f87171; border-color: #7f1d1d; }
[data-theme="dark"] .status-expired,
[data-theme="dark"] .status-inactive  { background: #1a1a2e; color: #7070a0; border-color: #2a2a42; }

/* ── Domain / DNS ── */
[data-theme="dark"] .dom-card { background: #13131f; border-color: #2a2a42; }
[data-theme="dark"] .dom-card:hover { border-color: #b146f8; }
[data-theme="dark"] .dns-pill { background: #1a1a2e; color: #c8c8e0; border-color: #2a2a42; }
[data-theme="dark"] .dns-ok { background: #052e16; color: #4ade80; border-color: #166534; }
[data-theme="dark"] .dns-err { background: #2d1010; color: #f87171; border-color: #7f1d1d; }

/* ── Modals ── */
[data-theme="dark"] .modal-overlay { background: rgba(0,0,0,.75); }
[data-theme="dark"] .modal-box {
  background: #13131f;
  border: 1.5px solid #2a2a42;
  box-shadow: 0 24px 64px rgba(0,0,0,.7);
}
[data-theme="dark"] .modal-box h3,
[data-theme="dark"] .modal-box h2 { color: #e8e8f4; }

/* ── Payment methods ── */
[data-theme="dark"] .pm-card { background: #13131f; border-color: #2a2a42; }
[data-theme="dark"] .pm-card.pm-default { border-color: #b146f8; background: #160e2a; }
[data-theme="dark"] .pm-label { color: #7070a0; }
[data-theme="dark"] .pm-method-tabs { background: #1a1a2e; border-color: #2a2a42; }
[data-theme="dark"] .pm-method-tab { color: #7070a0; }
[data-theme="dark"] .pm-method-tab.active { background: #b146f8; color: #fff; }

/* ── Ticket / Support ── */
[data-theme="dark"] .ticket-row { color: #c8c8e0; border-bottom-color: #1e1e32; }
[data-theme="dark"] .ticket-row:hover { background: #1a1a2e; }
[data-theme="dark"] .ticket-icon { background: #1e1040; color: #b146f8; }
[data-theme="dark"] .ticket-meta { color: #7070a0; }
[data-theme="dark"] .msg-bubble.agent { background: #1e1040; color: #e8e8f4; }
[data-theme="dark"] .msg.agent .msg-bubble { background: #1e1040; }

/* ── Progress bars ── */
[data-theme="dark"] .pbar { background: #2a2a42; }

/* ── Addresses ── */
[data-theme="dark"] .addr-card { background: #13131f; border-color: #2a2a42; }
[data-theme="dark"] .addr-type-badge { background: #1e1040; color: #b146f8; }
[data-theme="dark"] .addr-line { color: #9090b8; }

/* ── Email/Mailbox ── */
[data-theme="dark"] .mb-card { background: #13131f; border-color: #2a2a42; }
[data-theme="dark"] .mb-quota-bar { background: #2a2a42; }

/* ── Domain detail page ── */
[data-theme="dark"] .dc-card-specs .dc-spec { background: #1a1a2e; }
[data-theme="dark"] .dc-spec span { color: #5050a0; }
[data-theme="dark"] .dc-spec strong { color: #e8e8f4; }

/* ── Section tag ── */
[data-theme="dark"] .section-tag { background: rgba(177,70,248,.15); color: #c084fc; border: 1px solid rgba(177,70,248,.25); }

/* ── Alerts ── */
[data-theme="dark"] .alert-error { background: #2d1010; border-color: #7f1d1d; color: #fca5a5; }
[data-theme="dark"] .alert-success { background: #052e16; border-color: #166534; color: #86efac; }
[data-theme="dark"] .alert-info { background: #0c1a40; border-color: #1e3a8a; color: #93c5fd; }

/* ── Cart / Checkout ── */
[data-theme="dark"] .cart-table td { border-bottom-color: #1e1e32; color: #c8c8e0; }
[data-theme="dark"] .cart-table thead td { background: #1a1a2e; color: #7070a0; }
[data-theme="dark"] .cart-total-box { background: #13131f; border-color: #2a2a42; }

/* ── KB articles ── */
[data-theme="dark"] .kb-card { background: #13131f; border-color: #2a2a42; }
[data-theme="dark"] .kb-card:hover { border-color: #b146f8; }
[data-theme="dark"] .kb-note { background: #1e1040; border-left-color: #b146f8; color: #c8c8e0; }
[data-theme="dark"] .kb-code { background: #0a0a16; border-color: #2a2a42; color: #c084fc; }

/* ── Mobile menu ── */
[data-theme="dark"] .mobile-overlay { background: rgba(0,0,0,.7); }
@media(max-width:900px) {
  [data-theme="dark"] .nav-list { background: #13131f; border-color: #2a2a42; }
  [data-theme="dark"] .mega-panel { background: #13131f; }
}

/* ── Misc ── */
[data-theme="dark"] hr { border-color: #1e1e32; }
[data-theme="dark"] code { background: #1a1a2e; color: #c084fc; }
[data-theme="dark"] pre { background: #0a0a16; border-color: #2a2a42; color: #c8c8e0; }
[data-theme="dark"] .badge-brand { background: #1e1040; color: #c084fc; }
[data-theme="dark"] .spinner--brand { border-top-color: #b146f8; }

/* ── Domain Detail specific ── */
[data-theme="dark"] .dyndns-log-table { background: #0a0a16; border-color: #2a2a42; }
[data-theme="dark"] .dyndns-log-table th { background: #1a1a2e; color: #7070a0; border-color: #2a2a42; }
[data-theme="dark"] .dyndns-log-table td { border-color: #1e1e32; color: #c8c8e0; }
[data-theme="dark"] .dyndns-log-table tr:hover td { background: #1a1a2e; }
[data-theme="dark"] [style*="background:#0a0f1e"] { background: #060810 !important; }
[data-theme="dark"] [style*="background:rgba(10,15,30"] { background: rgba(6,8,16,.95) !important; }

/* ── Inline style overrides for common patterns ── */
[data-theme="dark"] [style*="border-bottom:1px solid #eaeaf0"] { border-bottom-color: #1e1e32 !important; }
[data-theme="dark"] [style*="border-top:1px solid #eaeaf0"] { border-top-color: #1e1e32 !important; }
[data-theme="dark"] [style*="border-bottom:1px solid #e2e2ec"] { border-bottom-color: #2a2a42 !important; }
[data-theme="dark"] [style*="color:#6b6b80"] { color: #7070a0 !important; }
[data-theme="dark"] [style*="color:#9999b0"] { color: #5050a0 !important; }
[data-theme="dark"] [style*="color:#12121e"] { color: #e8e8f4 !important; }

/* ── Invoice / Offer detail ── */
[data-theme="dark"] .invoice-header { background: #13131f; border-color: #2a2a42; }
[data-theme="dark"] .invoice-table th { background: #1a1a2e; color: #7070a0; border-color: #2a2a42; }
[data-theme="dark"] .invoice-table td { border-color: #1e1e32; color: #c8c8e0; }
[data-theme="dark"] .invoice-total-row { background: #1a1a2e; }
[data-theme="dark"] .invoice-footer { border-top-color: #2a2a42; color: #7070a0; }

/* ── Hosting / VPS detail ── */
[data-theme="dark"] .hosting-detail-card { background: #13131f; border-color: #2a2a42; }
[data-theme="dark"] .spec-row { border-bottom-color: #1e1e32; }
[data-theme="dark"] .spec-label { color: #7070a0; }
[data-theme="dark"] .spec-value { color: #e8e8f4; }

/* ── Proto toggle (hosting detail) ── */
[data-theme="dark"] .proto-toggle { background: #1a1a2e; border-color: #2a2a42; }
[data-theme="dark"] .proto-toggle.on { background: var(--brand); border-color: var(--brand); }

/* ── Search inputs ── */
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="tel"] {
  background: #1a1a2e;
  border-color: #2a2a42;
  color: #e8e8f4;
}
[data-theme="dark"] input[type="search"]:focus,
[data-theme="dark"] input[type="text"]:focus {
  border-color: #b146f8;
  box-shadow: 0 0 0 3px rgba(177,70,248,.15);
}

/* ── Scrollbars (webkit) ── */
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: #0e0e1a; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #2a2a42; border-radius: 4px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #b146f8; }

/* ── Selection color ── */
[data-theme="dark"] ::selection { background: rgba(177,70,248,.35); color: #fff; }

/* ── Status badges (inline style overrides) ── */
[data-theme="dark"] .status-badge[style*="background:#f0fdf4"],
[data-theme="dark"] .sb[style*="background:#dcfce7"] { background: #052e16 !important; color: #4ade80 !important; border-color: #166534 !important; }
[data-theme="dark"] .sb[style*="background:#fee2e2"] { background: #2d1010 !important; color: #f87171 !important; border-color: #7f1d1d !important; }
[data-theme="dark"] .sb[style*="background:#fef3c7"],
[data-theme="dark"] .sb[style*="background:#fef3c"] { background: #1c1400 !important; color: #fbbf24 !important; border-color: #713f12 !important; }
[data-theme="dark"] .sb[style*="background:#dbeafe"],
[data-theme="dark"] .sb[style*="background:#ede9fe"] { background: #1e1040 !important; color: #c084fc !important; border-color: #4c1d95 !important; }
[data-theme="dark"] .dc-status-badge { background: #052e16 !important; border-color: #166534 !important; color: #4ade80 !important; }

/* ── Page body bg ── */
[data-theme="dark"] main { background: #0e0e1a; }
[data-theme="dark"] .acc-layout { background: transparent; }

/* ── Mobile Navigation Dark Mode ── */
@media(max-width:900px) {
  [data-theme="dark"] .nav-list {
    background: #13131f !important;
    border-color: #2a2a42 !important;
  }
  [data-theme="dark"] .nav-list.mobile-open .nav-trigger {
    color: #c8c8e0 !important;
    border-bottom-color: #1e1e32 !important;
  }
  [data-theme="dark"] .nav-list.mobile-open .nav-trigger:active {
    background: #1e1040 !important;
  }
  [data-theme="dark"] .nav-list.mobile-open .mega-heading {
    color: #5050a0 !important;
  }
  [data-theme="dark"] .nav-list.mobile-open .mi-title {
    color: #e8e8f4 !important;
  }
  [data-theme="dark"] .nav-list.mobile-open .mi-sub {
    color: #7070a0 !important;
  }
  [data-theme="dark"] .nav-list.mobile-open .mega-item {
    border-bottom-color: #1e1e32 !important;
  }
  [data-theme="dark"] .nav-list.mobile-open .mega-item:active {
    background: #1a1a2e !important;
  }
  [data-theme="dark"] .hamburger span { background: #c8c8e0 !important; }
  [data-theme="dark"] .step-connector { background: var(--border) !important; }
}

/* ══════════════════════════════════════════════
   FOOTER — immer Light Mode, nie überschreiben
   ══════════════════════════════════════════════ */
[data-theme="dark"] .footer {
  background: #12121e !important;
  color: rgba(255,255,255,.5) !important;
}
[data-theme="dark"] .footer-logo { color: #fff !important; }
[data-theme="dark"] .footer-brand > p { color: rgba(255,255,255,.5) !important; }
[data-theme="dark"] .footer-col h4 { color: #fff !important; }
[data-theme="dark"] .footer-col a { color: rgba(255,255,255,.42) !important; }
[data-theme="dark"] .footer-col a:hover { color: #fff !important; }
[data-theme="dark"] .footer-bottom {
  border-top-color: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.35) !important;
}
[data-theme="dark"] .footer-links a { color: rgba(255,255,255,.32) !important; }
[data-theme="dark"] .footer-links a:hover { color: #fff !important; }
[data-theme="dark"] .social-link { color: rgba(255,255,255,.4) !important; }
[data-theme="dark"] .social-link:hover { color: #fff !important; }
[data-theme="dark"] .lang-sw--footer .lang-sw-btn { color: rgba(255,255,255,.45) !important; border-color: rgba(255,255,255,.12) !important; }
[data-theme="dark"] .lang-sw--footer .lang-sw-btn:hover { color: #fff !important; border-color: rgba(255,255,255,.3) !important; }
[data-theme="dark"] .lang-sw--footer .lang-sw-sep { color: rgba(255,255,255,.2) !important; }

/* ── Status-Badge im Footer — explizit mit !important damit Wildcards nicht greifen ── */
[data-theme="dark"] .sfb-ok    { background: #052e16 !important; color: #4ade80 !important; border-color: #166534 !important; }
[data-theme="dark"] .sfb-warn  { background: #1c1002 !important; color: #fbbf24 !important; border-color: #854d0e !important; }
[data-theme="dark"] .sfb-maint { background: #0c1a2e !important; color: #60a5fa !important; border-color: #075985 !important; }
[data-theme="dark"] .sfb-error { background: #2d0a0a !important; color: #f87171 !important; border-color: #991b1b !important; }

/* ── Section Dark (dark mode adjustment) ── */
[data-theme="dark"] .section-dark {
  background: #0d0d1e;
}
[data-theme="dark"] .section-dark .feature-card h3 { color: #e8e8f4; }
[data-theme="dark"] .section-dark .feature-card p  { color: rgba(255,255,255,.5); }
[data-theme="dark"] .section-dark .feature-icon {
  background: rgba(177,70,248,.18);
  color: #c084fc;
}

/* ── feature-card on normal sections ── */
[data-theme="dark"] .features-grid .feature-card {
  background: transparent;
}
[data-theme="dark"] .section-alt .feature-card,
[data-theme="dark"] .section .feature-card {
  background: transparent;
}

/* ── svc-pkg featured ── */
[data-theme="dark"] .svc-pkg.featured {
  background: linear-gradient(180deg, rgba(177,70,248,.12), rgba(177,70,248,.03) 60%) !important;
  border-color: #b146f8 !important;
}
[data-theme="dark"] .svc-pkg {
  background: #13131f !important;
  border-color: #2a2a42 !important;
}
[data-theme="dark"] .svc-pkg:hover {
  border-color: #b146f8 !important;
}
[data-theme="dark"] .svc-pkg-list li { color: var(--text) !important; }

/* ── Domains TLD cards ── */
[data-theme="dark"] .tld-popular-card,
[data-theme="dark"] [style*="background:var(--surface)"][style*="border:1px solid var(--border)"] {
  background: #13131f !important;
}

/* ── Services index CTA box ── */
[data-theme="dark"] [style*="background:#f4f0ff"],
[data-theme="dark"] [style*="background:var(--brand-light)"] {
  background: #1e1040 !important;
  border-color: #3a1a60 !important;
}

/* ── wp-pkg featured ── */
[data-theme="dark"] .wp-pkg.featured,
[data-theme="dark"] .wp-pkg {
  background: #13131f !important;
  border-color: #2a2a42 !important;
}
[data-theme="dark"] .wp-pkg.featured {
  border-color: #b146f8 !important;
  background: linear-gradient(180deg, rgba(177,70,248,.12), rgba(177,70,248,.03) 60%) !important;
}

/* ══════════════════════════════════════════════════════════════════
   DARKMODE — Umfassende Fixes (Text, Boxen, Inputs, Karten, Badges)
   ══════════════════════════════════════════════════════════════════ */

/* ── CSS Variables override ── */
[data-theme="dark"] {
  --text:        #e8e8f4;
  --text-muted:  #9090b8;
  --text-soft:   #7070a0;
  --surface:     #13131f;
  --bg:          #0e0e1a;
  --border:      #2a2a42;
  --border-soft: #1e1e32;
  --white:       #13131f;
  --gray-50:     #0e0e1a;
  --gray-100:    #13131f;
  --gray-200:    #1a1a2e;
  --success-light: rgba(21,128,61,.12);
  --success-border: rgba(21,128,61,.3);
  --brand-light: #1e1040;
}

/* ── General text ── */
[data-theme="dark"] h1, [data-theme="dark"] h2,
[data-theme="dark"] h3, [data-theme="dark"] h4,
[data-theme="dark"] h5, [data-theme="dark"] p,
[data-theme="dark"] span, [data-theme="dark"] li,
[data-theme="dark"] label, [data-theme="dark"] td,
[data-theme="dark"] th { color: var(--text); }

[data-theme="dark"] p { color: #b0b0d0; }
[data-theme="dark"] a:not(.btn):not(.nav-link):not(.mega-item) { color: #c084fc; }

/* ── Sections ── */
[data-theme="dark"] .section-alt { background: #111120; }
[data-theme="dark"] .section     { background: #0e0e1a; }

/* ── Cards / Surfaces ── */
[data-theme="dark"] .card,
[data-theme="dark"] .acc-section,
[data-theme="dark"] .detail-card,
[data-theme="dark"] [class*="card"],
[data-theme="dark"] [class*="-box"],
[data-theme="dark"] [class*="-panel"] {
  background: #13131f !important;
  border-color: #2a2a42 !important;
  color: #e8e8f4 !important;
}

/* ── Referenzen: Badge-Container + Badges vom Wildcard-Override ausnehmen ── */
[data-theme="dark"] .ref-card-cats {
  background: transparent !important;
  border-color: transparent !important;
}
[data-theme="dark"] .ref-cat-badge {
  background: rgba(0, 0, 0, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  color: #fff !important;
}

/* ── Inline style overrides — white/light backgrounds ── */
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background:#f9f9fb"],
[data-theme="dark"] [style*="background:#f7f7fb"],
[data-theme="dark"] [style*="background:#fafafa"],
[data-theme="dark"] [style*="background:#f5f5f5"],
[data-theme="dark"] [style*="background:#f9fafb"] {
  background: #13131f !important;
}
[data-theme="dark"] [style*="background:#f0f9ff"] { background: #0a1a2e !important; }
[data-theme="dark"] [style*="background:#f0fdf4"] { background: #0a1a0f !important; }
[data-theme="dark"] [style*="background:#fefce8"] { background: #1a1500 !important; }
[data-theme="dark"] [style*="background:#fef2f2"],
[data-theme="dark"] [style*="background:#fff1f2"],
[data-theme="dark"] [style*="background:#fffbeb"] { background: #1a0a0a !important; }

/* ── Inline style text color fixes ── */
[data-theme="dark"] [style*="color:#1a1a2e"],
[data-theme="dark"] [style*="color:#0f0f1a"],
[data-theme="dark"] [style*="color:#111"],
[data-theme="dark"] [style*="color:#222"],
[data-theme="dark"] [style*="color:#333"],
[data-theme="dark"] [style*="color:black"],
[data-theme="dark"] [style*="color:#000"] { color: #e8e8f4 !important; }

[data-theme="dark"] [style*="color:#6b6b80"],
[data-theme="dark"] [style*="color:#9999b0"],
[data-theme="dark"] [style*="color:#6b7280"],
[data-theme="dark"] [style*="color:#4b5563"] { color: #8080a8 !important; }

/* ── Borders ── */
[data-theme="dark"] [style*="border:1.5px solid #e2e2ec"],
[data-theme="dark"] [style*="border: 1.5px solid #e2e2ec"],
[data-theme="dark"] [style*="border:1px solid #e2e2ec"],
[data-theme="dark"] [style*="border-color:#e2e2ec"] { border-color: #2a2a42 !important; }

[data-theme="dark"] [style*="border-bottom:1px solid #e2e2ec"],
[data-theme="dark"] [style*="border-bottom: 1px solid #e2e2ec"],
[data-theme="dark"] [style*="border-top:1px solid #e2e2ec"] { border-color: #2a2a42 !important; }

/* ── Inputs / Textareas / Selects ── */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select {
  background: #1a1a2e !important;
  border-color: #2a2a42 !important;
  color: #e8e8f4 !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: #5050a0 !important; }
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus { border-color: #b146f8 !important; outline: none; }

/* ── Tables ── */
[data-theme="dark"] table { background: transparent; }
[data-theme="dark"] th    { background: #1a1a2e !important; color: #9090b8 !important; border-color: #2a2a42 !important; }
[data-theme="dark"] td    { border-color: #1e1e32 !important; color: #e8e8f4 !important; }
[data-theme="dark"] tr:hover > td { background: #1a1a2e !important; }

/* ── Account sidebar ── */
[data-theme="dark"] .acc-sidebar { background: #13131f !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .acc-nav-link { color: #9090b8 !important; }
[data-theme="dark"] .acc-nav-link:hover { background: #1a1a2e !important; color: #e8e8f4 !important; }
[data-theme="dark"] .acc-nav-link.active { background: #1e1040 !important; color: #c084fc !important; }
[data-theme="dark"] .acc-section { background: #13131f !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .acc-section-title { color: #e8e8f4 !important; }

/* ── Badges / Pills / Tags ── */
[data-theme="dark"] .badge {
  background: rgba(103,61,230,.15);
  color: #c084fc;
  border-color: rgba(103,61,230,.3);
}
/* NOTE: [class*="pill"] and [class*="tag"] intentionally NOT overridden globally —
   each component defines its own dark-mode colors to avoid clobbering colored pills */
[data-theme="dark"] .badge-success { background: rgba(21,128,61,.2) !important; color: #4ade80 !important; border-color: rgba(74,222,128,.3) !important; }
[data-theme="dark"] .badge-danger,
[data-theme="dark"] .badge-error   { background: rgba(220,38,38,.2) !important; color: #f87171 !important; border-color: rgba(248,113,113,.3) !important; }
[data-theme="dark"] .badge-warn    { background: rgba(234,179,8,.2) !important; color: #facc15 !important; border-color: rgba(250,204,21,.3) !important; }

/* Inline badge-like spans */
[data-theme="dark"] [style*="background:#f0fdf4"][style*="color:#15803d"] {
  background: rgba(21,128,61,.2) !important; color: #4ade80 !important; border-color: rgba(74,222,128,.3) !important;
}
[data-theme="dark"] [style*="background:#fef2f2"][style*="color:#dc2626"],
[data-theme="dark"] [style*="background:#fee2e2"][style*="color:#dc2626"] {
  background: rgba(220,38,38,.2) !important; color: #f87171 !important; border-color: rgba(248,113,113,.3) !important;
}
[data-theme="dark"] [style*="background:#fffbeb"][style*="color:#92400e"],
[data-theme="dark"] [style*="background:#fef9c3"][style*="color:#854d0e"] {
  background: rgba(120,53,15,.25) !important; color: #fcd34d !important; border-color: rgba(252,211,77,.3) !important;
}
[data-theme="dark"] [style*="background:#f0f9ff"][style*="color:#0369a1"] {
  background: rgba(3,105,161,.2) !important; color: #38bdf8 !important; border-color: rgba(56,189,248,.3) !important;
}
[data-theme="dark"] [style*="background:#ede9fe"][style*="color:#6d28d9"],
[data-theme="dark"] [style*="background:#f4f0ff"][style*="color:"] {
  background: #1e1040 !important; color: #c084fc !important; border-color: #3a1a60 !important;
}

/* ── Spinners ── */
[data-theme="dark"] .spinner--brand { border-top-color: #b146f8 !important; }

/* ── Alert / Info boxes ── */
[data-theme="dark"] .alert-error   { background: rgba(220,38,38,.15) !important; border-color: rgba(220,38,38,.35) !important; color: #f87171 !important; }
[data-theme="dark"] .alert-success { background: rgba(21,128,61,.15) !important; border-color: rgba(21,128,61,.35) !important; color: #4ade80 !important; }
[data-theme="dark"] .alert-warn    { background: rgba(234,179,8,.12) !important; border-color: rgba(234,179,8,.3) !important; color: #facc15 !important; }
[data-theme="dark"] .alert-info    { background: rgba(59,130,246,.12) !important; border-color: rgba(59,130,246,.3) !important; color: #93c5fd !important; }

/* ── Domain / TLD result rows ── */
[data-theme="dark"] .domain-result-row {
  background: #13131f !important;
  border-color: #2a2a42 !important;
}
[data-theme="dark"] .domain-result-row.available { background: rgba(21,128,61,.08) !important; border-color: rgba(21,128,61,.3) !important; }
[data-theme="dark"] .domain-result-row.taken     { background: #0e0e1a !important; }
[data-theme="dark"] .tld-pill-sm { background: #1a1a2e !important; border-color: #2a2a42 !important; color: #9090b8 !important; }
[data-theme="dark"] .tld-card    { background: #13131f !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .tld-card:hover { border-color: #b146f8 !important; }

/* ── Pricing / Package cards ── */
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .price-card,
[data-theme="dark"] .plan-card { background: #13131f !important; border-color: #2a2a42 !important; }

/* ── KB cards ── */
[data-theme="dark"] .kb-cat-card { background: #13131f !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .kb-md-body  { color: #b0b0d0 !important; }
[data-theme="dark"] .kb-md-body h1,
[data-theme="dark"] .kb-md-body h2,
[data-theme="dark"] .kb-md-body h3 { color: #e8e8f4 !important; }
[data-theme="dark"] .kb-md-body code,
[data-theme="dark"] .kb-md-body pre { background: #1a1a2e !important; color: #c084fc !important; }

/* ── VPS / Detail pages ── */
[data-theme="dark"] .detail-stat  { background: #1a1a2e !important; }
[data-theme="dark"] .status-badge { background: #1a1a2e !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .status-aktiv,
[data-theme="dark"] .status-active,
[data-theme="dark"] .status-running,
[data-theme="dark"] .status-online,
[data-theme="dark"] .status-solved,
[data-theme="dark"] .status-paid,
[data-theme="dark"] .status-accepted,
[data-theme="dark"] .status-locked,
[data-theme="dark"] .status-lock { background: rgba(21,128,61,.2) !important; color: #4ade80 !important; border-color: rgba(21,128,61,.4) !important; }
[data-theme="dark"] .status-offline,
[data-theme="dark"] .status-stopped,
[data-theme="dark"] .status-cancelled,
[data-theme="dark"] .status-banned,
[data-theme="dark"] .status-declined,
[data-theme="dark"] .status-overdue { background: rgba(220,38,38,.2) !important; color: #f87171 !important; border-color: rgba(220,38,38,.4) !important; }
[data-theme="dark"] .status-open,
[data-theme="dark"] .status-pending,
[data-theme="dark"] .status-expiring { background: rgba(180,83,9,.2) !important; color: #fbbf24 !important; border-color: rgba(180,83,9,.4) !important; }
[data-theme="dark"] .status-expired,
[data-theme="dark"] .status-inactive,
[data-theme="dark"] .status-inaktiv,
[data-theme="dark"] .status-unknown,
[data-theme="dark"] .status-closed,
[data-theme="dark"] .status-draft { background: rgba(100,100,140,.15) !important; color: #7070a0 !important; border-color: rgba(100,100,140,.3) !important; }
[data-theme="dark"] .status-expired,
[data-theme="dark"] .status-gesperrt { background: rgba(220,38,38,.2) !important; color: #f87171 !important; }
[data-theme="dark"] .status-pending { background: rgba(234,179,8,.2) !important; color: #facc15 !important; }

/* ── Tabs ── */
/* Alte page-spezifische Tab-Selektoren — wts-tab wird separat gestylt */
[data-theme="dark"] .sup-tab,
[data-theme="dark"] .pm-tab,
[data-theme="dark"] .ei-tab,
[data-theme="dark"] .ad-tab,
[data-theme="dark"] .kd-tab { background: #1a1a2e !important; border-color: #2a2a42 !important; color: #9090b8 !important; }
[data-theme="dark"] .sup-tab.active,
[data-theme="dark"] .pm-tab.active,
[data-theme="dark"] .ei-tab.active,
[data-theme="dark"] .ad-tab.active,
[data-theme="dark"] .kd-tab.active { background: #1e1040 !important; color: #c084fc !important; border-color: #b146f8 !important; }

/* Einheitliche wts-tab Styles (Dark Mode) */
[data-theme="dark"] .wts-tabs { background: #13131f !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .wts-tab { color: #9090b8 !important; background: transparent !important; }
[data-theme="dark"] .wts-tab:hover { background: #1a1a2e !important; color: #c8c8e0 !important; }
[data-theme="dark"] .wts-tab.active { background: #1e1040 !important; color: #c084fc !important; box-shadow: 0 1px 4px rgba(0,0,0,.4) !important; }

/* ── Support/Hotline specific ── */
[data-theme="dark"] .sup-hotline-warn { background: rgba(153,27,27,.2) !important; border-color: rgba(220,38,38,.3) !important; color: #f87171 !important; }
[data-theme="dark"] .sup-contact-card { background: #13131f !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .sup-contact-card--danger { border-color: rgba(220,38,38,.4) !important; background: rgba(220,38,38,.08) !important; }

/* ── Modal / Dialog ── */
[data-theme="dark"] #registrar-modal > div,
[data-theme="dark"] [id$="-modal"] > div { background: #13131f !important; border-color: #2a2a42 !important; }

/* ── Dividers ── */
[data-theme="dark"] hr { border-color: #2a2a42 !important; }

/* ── Code blocks ── */
[data-theme="dark"] code { background: #1a1a2e; color: #c084fc; border-radius: 4px; padding: .1em .35em; }
[data-theme="dark"] pre  { background: #1a1a2e !important; border-color: #2a2a42 !important; color: #e8e8f4; }

/* ── Section tag (pill label above headings) ── */
/* duplicate removed */

/* ── Progress bars ── */
[data-theme="dark"] [style*="background:#e2e2ec"] { background: #2a2a42 !important; }

/* ── Responsive 3-col on mobile ── */
@media (max-width: 640px) {
  .sup-hotline-grid { grid-template-columns: 1fr !important; }
}

/* ── Hotline grid responsive ── */
@media (max-width: 600px) {
  .sup-hotline-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .sup-hotline-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ── Dash Modal close button ── */
[data-theme="dark"] #dash-modal-close {
  background: #1a1a2e !important;
  border-color: #2a2a42 !important;
  color: #e8e8f4 !important;
}
[data-theme="dark"] #dash-modal-close:hover {
  background: #2a2a42 !important;
  border-color: #b146f8 !important;
}

/* ── Auth code ── */
[data-theme="dark"] #authcode-val {
  background: #1a1a2e !important;
  color: #e8e8f4 !important;
}

/* ── DynDNS token/URL boxes ── */
[data-theme="dark"] [style*="background:#f3f3f7"],
[data-theme="dark"] [style*="background: #f3f3f7"],
[data-theme="dark"] [style*="background:#f0f0f6"] {
  background: #1a1a2e !important;
  border-color: #2a2a42 !important;
}

/* ── DynDNS info box (blue) ── */
[data-theme="dark"] [style*="color:#0c4a6e"] { color: #38bdf8 !important; }
[data-theme="dark"] [style*="background:#eff6ff"] { background: rgba(3,105,161,.1) !important; }

/* ── Payment methods — gap fix ── */
[data-theme="dark"] #tab-guthaben,
[data-theme="dark"] [id^="tab-"] {
  background: transparent !important;
}
[data-theme="dark"] .pm-tab-content > * + * {
  margin-top: .75rem;
}

/* ── Payment amount buttons ── */
[data-theme="dark"] [style*="border:1.5px solid var(--border)"][style*="border-radius:8px"] {
  background: #1a1a2e !important;
  color: #e8e8f4 !important;
}

/* ── DynDNS label colors ── */
[data-theme="dark"] [style*="color:#9999b0"],
[data-theme="dark"] [style*="color: #9999b0"] { color: #7070a0 !important; }
[data-theme="dark"] [style*="color:#6b6b80"],
[data-theme="dark"] [style*="color: #6b6b80"] { color: #8080a8 !important; }

/* ── Wildcard code inline ── */
[data-theme="dark"] code { 
  background: #1a1a2e !important; 
  color: #c084fc !important;
}

/* ══════════════════════════════════════════════════════
   DARKMODE — Action Buttons (Edit/Delete/Icon buttons)
   ══════════════════════════════════════════════════════ */

/* Plain .btn .btn--sm without explicit color style = edit/neutral buttons */
[data-theme="dark"] .btn.btn--sm:not([style*="color"]):not(.btn-primary):not(.btn-secondary):not(.btn-ghost) {
  background: #1e1e32 !important;
  border: 1.5px solid #2a2a42 !important;
  color: #c8c8e0 !important;
}
[data-theme="dark"] .btn.btn--sm:not([style*="color"]):not(.btn-primary):not(.btn-secondary):not(.btn-ghost):hover {
  background: #2a2a42 !important;
  border-color: #b146f8 !important;
  color: #e8e8f4 !important;
}

/* Delete buttons (red) */
[data-theme="dark"] .btn.btn--sm[style*="color:#dc2626"],
[data-theme="dark"] .btn.btn--sm[style*="color: #dc2626"] {
  background: rgba(220,38,38,.15) !important;
  border-color: rgba(220,38,38,.35) !important;
  color: #f87171 !important;
}
[data-theme="dark"] .btn.btn--sm[style*="color:#dc2626"]:hover,
[data-theme="dark"] .btn.btn--sm[style*="color: #dc2626"]:hover {
  background: rgba(220,38,38,.25) !important;
}

/* Warning/amber buttons */
[data-theme="dark"] .btn.btn--sm[style*="color:#b45309"],
[data-theme="dark"] .btn.btn--sm[style*="color: #b45309"] {
  background: rgba(180,83,9,.15) !important;
  border-color: rgba(180,83,9,.35) !important;
  color: #fcd34d !important;
}

/* Success/green buttons */
[data-theme="dark"] .btn.btn--sm[style*="color:#15803d"],
[data-theme="dark"] .btn.btn--sm[style*="color: #15803d"] {
  background: rgba(21,128,61,.15) !important;
  border-color: rgba(21,128,61,.35) !important;
  color: #4ade80 !important;
}

/* Purple/violet buttons */
[data-theme="dark"] .btn.btn--sm[style*="color:#7c3aed"],
[data-theme="dark"] .btn.btn--sm[style*="color: #7c3aed"] {
  background: rgba(124,58,237,.15) !important;
  border-color: rgba(124,58,237,.35) !important;
  color: #c084fc !important;
}

/* qmail action buttons */
[data-theme="dark"] .qmail-btn-deliver {
  background: rgba(21,128,61,.15) !important;
  border-color: rgba(21,128,61,.3) !important;
  color: #4ade80 !important;
}
[data-theme="dark"] .qmail-btn-delete {
  background: rgba(220,38,38,.15) !important;
  border-color: rgba(220,38,38,.3) !important;
  color: #f87171 !important;
}

/* btn-secondary in dark mode */
[data-theme="dark"] .btn-secondary {
  background: #1e1e32 !important;
  border-color: #2a2a42 !important;
  color: #c8c8e0 !important;
}
[data-theme="dark"] .btn-secondary:hover {
  background: #1e1040 !important;
  border-color: #b146f8 !important;
  color: #c084fc !important;
}

/* ── DNS Form / DynDNS Add Form ── */
[data-theme="dark"] #dns-form,
[data-theme="dark"] #dyndns-add-form {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] #dns-form-title { color: var(--text) !important; }
[data-theme="dark"] #dns-form label,
[data-theme="dark"] #dyndns-add-form label { color: var(--text-muted) !important; }

/* ── Abbrechen / Cancel buttons (btn-secondary & plain .btn) ── */
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] button.btn:not(.btn-primary):not([style*="color:#dc2626"]):not([style*="color:#15803d"]):not([style*="color:#b45309"]):not([style*="color:#7c3aed"]) {
  background: #1e1e32 !important;
  border: 1.5px solid #2a2a42 !important;
  color: #c8c8e0 !important;
}
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] button.btn:not(.btn-primary):not([style*="color"]):hover {
  background: #2a2a42 !important;
  border-color: #b146f8 !important;
  color: #e8e8f4 !important;
}

/* ── Nameserver form ── */
[data-theme="dark"] #ns-form {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}

/* ── WTS nameserver warning banner ── */
[data-theme="dark"] [data-wts-banner="1"] {
  --wts-warn-bg: rgba(120,53,15,.2) !important;
  --wts-warn-border: rgba(252,211,77,.25) !important;
  background: rgba(120,53,15,.2) !important;
  border-color: rgba(252,211,77,.25) !important;
}
[data-theme="dark"] [data-wts-banner="1"] p,
[data-theme="dark"] [data-wts-banner="1"] div { color: #fcd34d !important; }
[data-theme="dark"] [data-wts-banner="1"] strong { color: #fde68a !important; }

/* ── Info/handle badges ── */
[data-theme="dark"] { --info-bg: rgba(3,105,161,.15); --info-text: #38bdf8; }

/* ══════════════════════════════════════════════
   DARKMODE — Navbar Megamenu Promo Cards
   ══════════════════════════════════════════════ */

/* Regular promo card (purple/light) */
[data-theme="dark"] .mega-promo {
  background: linear-gradient(145deg, #1e1040, #2a1560) !important;
  border-color: rgba(177,70,248,.2) !important;
}
/* Green WHOIS card */
[data-theme="dark"] .mega-promo--green {
  background: linear-gradient(145deg, #0a1a0f, #0f2a18) !important;
  border-color: rgba(5,150,105,.25) !important;
}
[data-theme="dark"] .mega-promo--green .promo-label { color: #4ade80 !important; }
[data-theme="dark"] .mega-promo--green .promo-title { color: #e8e8f4 !important; }
[data-theme="dark"] .mega-promo--green .promo-desc  { color: #a0c8a8 !important; }

/* Support promo card */
[data-theme="dark"] .mega-promo--support {
  background: linear-gradient(145deg, #1e1040, #2a1560) !important;
  border-color: rgba(177,70,248,.2) !important;
}
[data-theme="dark"] .mega-promo--support .promo-cta[style*="transparent"] {
  border-color: rgba(177,70,248,.35) !important;
  color: #c084fc !important;
}

/* All promo titles/desc in dark */
[data-theme="dark"] .mega-promo .promo-title { color: #e8e8f4 !important; }
[data-theme="dark"] .mega-promo .promo-desc  { color: #9090b8 !important; }
[data-theme="dark"] .mega-promo .promo-label { color: #c084fc !important; }
[data-theme="dark"] .mega-promo .promo-price strong { color: #c084fc !important; }
[data-theme="dark"] .mega-promo .promo-price { color: #7070a0 !important; }

/* ── Domain search pill row ── */
[data-theme="dark"] .tld-pills-row {
  background: transparent !important;
}
[data-theme="dark"] .tld-pill-sm {
  background: #1a1a2e !important;
  border-color: #2a2a42 !important;
  color: #9090b8 !important;
}
[data-theme="dark"] .tld-pill-sm strong { color: #c084fc !important; }
[data-theme="dark"] .tld-pill-sm:hover { border-color: #b146f8 !important; }

/* ── Domain search box ── */
[data-theme="dark"] .domain-search-box {
  background: #1a1a2e !important;
  border-color: #2a2a42 !important;
}
[data-theme="dark"] .domain-search-box input {
  background: transparent !important;
  color: #e8e8f4 !important;
}

/* ── Homepage Feature cards (hosting features grid) ── */
[data-theme="dark"] .feature-card {
  background: #13131f !important;
  border-color: #2a2a42 !important;
}
[data-theme="dark"] .feature-card h3 { color: #e8e8f4 !important; }
[data-theme="dark"] .feature-card p  { color: #9090b8 !important; }
[data-theme="dark"] .feature-icon {
  background: rgba(177,70,248,.15) !important;
  color: #c084fc !important;
}

/* ── Komplett-Paket promo (Services megamenu) ── */
[data-theme="dark"] .mega-promo:not(.mega-promo--dark):not(.mega-promo--green):not(.mega-promo--support) .promo-title {
  color: #e8e8f4 !important;
}

/* ── Domain search box ── */
[data-theme="dark"] .domain-search-box {
  background: #1a1a2e !important;
  border-color: #2a2a42 !important;
}
[data-theme="dark"] .domain-search-box:focus-within {
  border-color: #b146f8 !important;
}
[data-theme="dark"] .domain-search-box input {
  color: #e8e8f4 !important;
  background: transparent !important;
}
[data-theme="dark"] .domain-search-box input::placeholder { color: #5050a0 !important; }

/* ── TLD pills row strip fix (purple background behind pills) ── */
[data-theme="dark"] .tld-pills-row {
  background: transparent !important;
  border: none !important;
}

/* ── Feature cards v2 ── */
[data-theme="dark"] .fcard {
  background: #13131f !important;
  border-color: #2a2a42 !important;
}
[data-theme="dark"] .fcard:hover { border-color: #b146f8 !important; }
[data-theme="dark"] .fcard-title { color: #e8e8f4 !important; }
[data-theme="dark"] .fcard-desc  { color: #9090b8 !important; }
[data-theme="dark"] .fcard-icon--yellow { background: rgba(234,179,8,.15) !important; color: #fcd34d !important; }
[data-theme="dark"] .fcard-icon--green  { background: rgba(21,128,61,.15) !important;  color: #4ade80 !important; }
[data-theme="dark"] .fcard-icon--blue   { background: rgba(37,99,235,.15) !important;  color: #60a5fa !important; }
[data-theme="dark"] .fcard-icon--red    { background: rgba(220,38,38,.15) !important;  color: #f87171 !important; }
[data-theme="dark"] .fcard-icon--purple { background: rgba(177,70,248,.15) !important; color: #c084fc !important; }
[data-theme="dark"] .fcard-icon--teal   { background: rgba(20,184,166,.15) !important; color: #2dd4bf !important; }
[data-theme="dark"] .features-section   { background: #0e0e1a !important; }

/* ── Domain Inklusive Cards ── */
[data-theme="dark"] .domain-incl-card { background: #13131f !important; border-color: #2a2a42 !important; }
[data-theme="dark"] .domain-incl-card:hover { border-color: #b146f8 !important; }
[data-theme="dark"] .dic-title { color: #e8e8f4 !important; }
[data-theme="dark"] .dic-check { color: #4ade80 !important; }
[data-theme="dark"] .dic-desc  { color: #9090b8 !important; }
[data-theme="dark"] .dic-icon--purple { background: rgba(177,70,248,.15) !important; color: #c084fc !important; }
[data-theme="dark"] .dic-icon--blue   { background: rgba(37,99,235,.15) !important;  color: #60a5fa !important; }
[data-theme="dark"] .dic-icon--green  { background: rgba(21,128,61,.15) !important;  color: #4ade80 !important; }
[data-theme="dark"] .dic-icon--teal   { background: rgba(20,184,166,.15) !important; color: #2dd4bf !important; }
[data-theme="dark"] .dic-icon--orange { background: rgba(234,88,12,.15) !important;  color: #fb923c !important; }
[data-theme="dark"] .dic-icon--red    { background: rgba(220,38,38,.15) !important;  color: #f87171 !important; }

/* ── Ticket message bubbles ── */
[data-theme="dark"] .msg.agent .msg-bubble {
  background: #1e1040 !important;
  color: #e8e8f4 !important;
  border: 1px solid rgba(177,70,248,.2) !important;
}
[data-theme="dark"] .msg.user .msg-bubble {
  background: var(--brand) !important;
  color: #fff !important;
}
[data-theme="dark"] .msg.agent .msg-avatar { background: var(--brand) !important; }
[data-theme="dark"] .msg.user .msg-avatar  { background: #2a2a42 !important; }
[data-theme="dark"] .msg-meta { color: #6060a0 !important; }

/* ── Support contact icon boxes (hardcoded bg colors) ── */
[data-theme="dark"] .sup-contact-icon[style*="background:#ede9fe"] {
  background: rgba(124,58,237,.2) !important;
  color: #c084fc !important;
}
[data-theme="dark"] .sup-contact-icon[style*="background:#fef2f2"] {
  background: rgba(220,38,38,.15) !important;
  color: #f87171 !important;
}
[data-theme="dark"] .sup-contact-icon[style*="background:#f0fdf4"] {
  background: rgba(21,128,61,.15) !important;
  color: #4ade80 !important;
}
[data-theme="dark"] .sup-contact-icon[style*="background:#eff6ff"],
[data-theme="dark"] .sup-contact-icon[style*="background:#f0f9ff"] {
  background: rgba(37,99,235,.15) !important;
  color: #60a5fa !important;
}
[data-theme="dark"] .sup-contact-icon[style*="background:#fff"] {
  background: #1a1a2e !important;
  color: #c084fc !important;
}

/* Nachrichten / Ticket thread backgrounds */
[data-theme="dark"] .ticket-thread {
  background: transparent !important;
}

/* ── Ticket detail: tk-bubble (agent = right side, light blue background) ── */
[data-theme="dark"] .tk-bubble.tk-agent .tk-text {
  background: #0a1a2e !important;
  border-color: rgba(56,189,248,.2) !important;
  color: #e8e8f4 !important;
}
[data-theme="dark"] .tk-bubble.tk-user .tk-text {
  background: #1e1040 !important;
  border-color: rgba(177,70,248,.25) !important;
  color: #e8e8f4 !important;
}
[data-theme="dark"] .tk-text {
  background: var(--surface) !important;
  color: #e8e8f4 !important;
}
[data-theme="dark"] .tk-av-agent {
  background: rgba(3,105,161,.2) !important;
  color: #38bdf8 !important;
}
[data-theme="dark"] .tk-av-user {
  background: #1e1040 !important;
  color: #c084fc !important;
}
[data-theme="dark"] .tk-note-badge {
  background: rgba(133,77,14,.2) !important;
  color: #fcd34d !important;
}
[data-theme="dark"] .tk-text * { color: inherit !important; }

/* ── status-online = same as status-aktiv globally ── */
[data-theme="dark"] .status-online {
  background: rgba(21,128,61,.2) !important;
  color: #4ade80 !important;
  border-color: rgba(74,222,128,.3) !important;
}

/* ── Ticket Custom Fields & Status darkmode ── */
[data-theme="dark"] .tk-prod-tag,
.dark-mode .tk-prod-tag {
  background: rgba(99,102,241,.18) !important;
  color: #a5b4fc !important;
  border-color: rgba(99,102,241,.3) !important;
}
/* Remove unwanted background behind prod tags section */
[data-theme="dark"] .tk-info-bar .tk-prod-tags,
.dark-mode .tk-info-bar .tk-prod-tags {
  background: transparent !important;
}
[data-theme="dark"] .tk-info-bar,
.dark-mode .tk-info-bar {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}
/* Status pills darkmode */
[data-theme="dark"] .tk-st-open,
.dark-mode .tk-st-open {
  background: rgba(99,102,241,.18) !important;
  color: #a5b4fc !important;
}
[data-theme="dark"] .tk-st-pending,
.dark-mode .tk-st-pending {
  background: rgba(245,158,11,.15) !important;
  color: #fbbf24 !important;
}
[data-theme="dark"] .tk-st-closed,
.dark-mode .tk-st-closed {
  background: rgba(148,163,184,.12) !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .tk-note-badge,
.dark-mode .tk-note-badge {
  background: rgba(234,179,8,.15) !important;
  color: #fbbf24 !important;
}
[data-theme="dark"] #cf-prod-boxes,
.dark-mode #cf-prod-boxes {
  background: var(--bg) !important;
  border-color: var(--border) !important;
}

/* ── Ticket Priority Badges darkmode ── */
[data-theme="dark"] .tk-prio-1,
.dark-mode .tk-prio-1 {
  background: rgba(148,163,184,.12) !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .tk-prio-2,
.dark-mode .tk-prio-2 {
  background: rgba(234,179,8,.12) !important;
  color: #fbbf24 !important;
}
[data-theme="dark"] .tk-prio-3,
.dark-mode .tk-prio-3 {
  background: rgba(249,115,22,.12) !important;
  color: #fb923c !important;
}
[data-theme="dark"] .tk-prio-4,
.dark-mode .tk-prio-4 {
  background: rgba(220,38,38,.12) !important;
  color: #f87171 !important;
}
[data-theme="dark"] .tk-prio-default,
.dark-mode .tk-prio-default {
  background: rgba(99,102,241,.18) !important;
  color: #a5b4fc !important;
}

/* Hero fade matches dark background */
[data-theme="dark"] .hero::after,
.dark-mode .hero::after {
  background: linear-gradient(to bottom, transparent, var(--bg, #0d0d1a));
}

/* ═══════════════════════════════════════════════════
   WTS DARK MODE — Ergänzungen & Fixes
   ═══════════════════════════════════════════════════ */

/* ── FAQ Accordion ── */
[data-theme="dark"] .faq-item { border-bottom-color: #2a2a3d; }
[data-theme="dark"] .faq-q { color: #e8e8f4; }
[data-theme="dark"] .faq-q:hover { color: #b146f8; }
[data-theme="dark"] .faq-q svg { color: #6060a0; }
[data-theme="dark"] .faq-item.open .faq-q svg { color: #b146f8; }
[data-theme="dark"] .faq-a p { color: #9090b8; }

/* ── Support Cards ── */
[data-theme="dark"] .support-card {
  background: #13131f;
  border-color: #2a2a3d;
}
[data-theme="dark"] .support-card:hover {
  border-color: #b146f8;
  box-shadow: 0 8px 32px rgba(177,70,248,.15);
}
[data-theme="dark"] .support-card h3 { color: #e8e8f4; }
[data-theme="dark"] .support-card p  { color: #9090b8; }
[data-theme="dark"] .support-icon {
  background: #1e1040;
  color: #b146f8;
}

/* ── Service Page Components ── */
[data-theme="dark"] .svc-benefit {
  background: #13131f;
  border-color: #2a2a3d;
}
[data-theme="dark"] .svc-benefit:hover {
  border-color: #b146f8;
}
[data-theme="dark"] .svc-benefit-title { color: #e8e8f4; }
[data-theme="dark"] .svc-benefit-desc  { color: #9090b8 !important; }

[data-theme="dark"] .svc-feat {
  background: #13131f;
  border-color: #2a2a3d;
}
[data-theme="dark"] .svc-feat:hover { border-color: #b146f8; }
[data-theme="dark"] .svc-feat-title { color: #e8e8f4; }
[data-theme="dark"] .svc-feat-desc  { color: #9090b8; }

[data-theme="dark"] .svc-tl-content h4 { color: #e8e8f4; }
[data-theme="dark"] .svc-tl-content p  { color: #9090b8; }
[data-theme="dark"] .svc-step-body h3  { color: #e8e8f4; }
[data-theme="dark"] .svc-step-body p   { color: #9090b8; }

[data-theme="dark"] .svc-pkg-name  { color: #e8e8f4; }
[data-theme="dark"] .svc-pkg-desc  { color: #9090b8; }
[data-theme="dark"] .svc-pkg-price { color: #e8e8f4; }
[data-theme="dark"] .svc-pkg-price span { color: #7070a0; }
[data-theme="dark"] .svc-pkg-list li { color: #c8c8e0 !important; }

/* ── Compare Table ── */
[data-theme="dark"] .compare-table th {
  background: #1a1a2e;
  color: #7070a0;
  border-bottom-color: #2a2a3d;
}
[data-theme="dark"] .compare-table td {
  border-bottom-color: #2a2a3d;
  color: #c8c8e0;
}
[data-theme="dark"] .compare-table tr:hover td { background: #1e1040; }
[data-theme="dark"] .compare-table .col-featured { background: rgba(177,70,248,.06); }
[data-theme="dark"] .cross-ico { color: #4a4a6a !important; }

/* ── Toggle / Checkbox ── */
[data-theme="dark"] .cb-toggle-track { background: #3a3a54; }
[data-theme="dark"] .cb-toggle-input:checked + .cb-toggle-track { background: #b146f8; }

/* ── Language Switcher ── */
[data-theme="dark"] .lang-sw-option:hover  { background: #1e1040; color: #b146f8; }
[data-theme="dark"] .lang-sw-option.active { background: #1e1040; color: #b146f8; }

/* ── Plan Cards (pricing pages) ── */
[data-theme="dark"] .plan-name  { color: #e8e8f4; }
[data-theme="dark"] .plan-desc  { color: #9090b8; }
[data-theme="dark"] .plan-top-badge { background: #1e1040; color: #c084fc; border-color: #3a1a60; }
[data-theme="dark"] .plan-features li { color: #c8c8e0; }
[data-theme="dark"] .price-cur    { color: #b146f8; }
[data-theme="dark"] .price-amount { color: #b146f8; }
[data-theme="dark"] .price-per    { color: #7070a0; }
[data-theme="dark"] .price-orig   { color: #5a5a75; }

/* ── Sections with inline light backgrounds (service pages) ── */
[data-theme="dark"] .svc-cta-wrap  { background: linear-gradient(135deg,#0e0720 0%,#0a0e1c 100%) !important; }
[data-theme="dark"] .svc-cta-dark  { background: linear-gradient(135deg,#0a0a16 0%,#0e0e1a 100%) !important; }

/* ── Hosting sub-pages & domain cards ── */
[data-theme="dark"] .domain-incl-card h3 { color: #e8e8f4 !important; }
[data-theme="dark"] .domain-incl-card p  { color: #9090b8 !important; }

/* ── Status page ── */
[data-theme="dark"] .status-row  { border-bottom-color: #2a2a3d; color: #c8c8e0; }
[data-theme="dark"] .status-ok   { color: #4ade80; }
[data-theme="dark"] .status-warn { color: #fbbf24; }
[data-theme="dark"] .status-down { color: #f87171; }

/* ── Blog & Career cards ── */
[data-theme="dark"] .blog-card h3   { color: #e8e8f4 !important; }
[data-theme="dark"] .blog-card p    { color: #9090b8 !important; }
[data-theme="dark"] .career-card h3 { color: #e8e8f4 !important; }
[data-theme="dark"] .career-card p  { color: #9090b8 !important; }

/* ── Referenzen ── */
[data-theme="dark"] .ref-card { background: #13131f !important; border-color: #2a2a3d !important; }
[data-theme="dark"] .ref-card:hover { border-color: #b146f8 !important; }

/* ── Hosting detail / feature grids ── */
[data-theme="dark"] .feature-card {
  background: #13131f !important;
  border-color: #2a2a3d !important;
}
[data-theme="dark"] .feature-card:hover { border-color: #b146f8 !important; }

/* ── Checkout & Cart ── */
[data-theme="dark"] .checkout-form-section {
  background: #13131f;
  border-color: #2a2a3d;
}
[data-theme="dark"] .cart-item       { border-bottom-color: #2a2a3d; }
[data-theme="dark"] .cart-item-name  { color: #e8e8f4; }
[data-theme="dark"] .cart-item-price { color: #b146f8; }
[data-theme="dark"] .cart-total-row  { border-top-color: #2a2a3d; color: #e8e8f4; }

/* ── Account nav & panels ── */
[data-theme="dark"] .account-nav     { background: #13131f; border-color: #2a2a3d; }
[data-theme="dark"] .account-section { background: #13131f; border-color: #2a2a3d; }
[data-theme="dark"] .account-panel h3 { color: #e8e8f4; }

/* ── Domain result rows ── */
[data-theme="dark"] .domain-result-row { border-bottom-color: #2a2a3d; }
[data-theme="dark"] .dr-name  { color: #e8e8f4; }
[data-theme="dark"] .dr-price { color: #b146f8; }
[data-theme="dark"] .dr-status.ok { color: #4ade80; }
[data-theme="dark"] .dr-status.no { color: #f87171; }

/* ── Checkout & Warenkorb — Darkmode-Fixes ─────────────────────────── */

/* Gespeicherte Adressen & Zahlungsmethoden */
[data-theme="dark"] .saved-method-row {
  background: #13131f;
  border-color: #2a2a3d;
}
[data-theme="dark"] .saved-method-row:hover {
  border-color: #b146f8;
  background: #1a1a2e;
}
[data-theme="dark"] .saved-method-row.selected {
  border-color: #b146f8;
  background: #1e1040;
}
[data-theme="dark"] .saved-method-icon {
  background: #1e1040;
  color: #b146f8;
}
[data-theme="dark"] .saved-method-label { color: #e8e8f4; }

/* "Neue Adresse / Neue Methode" Dashed-Button */
[data-theme="dark"] .checkout-add-btn {
  border-color: #2a2a3d;
  color: #7070a0;
}
[data-theme="dark"] .checkout-add-btn:hover {
  border-color: #b146f8;
  color: #b146f8;
  background: #1e1040;
}

/* Karten-Logos */
[data-theme="dark"] .card-logo {
  background: #1a1a2e;
  border-color: #2a2a3d;
  color: #9090b8;
}

/* PayPal Info-Box */
[data-theme="dark"] .paypal-info {
  background: #1e1040;
  border-color: #3a1a60;
  color: #c084fc;
}

/* Login-Banner im Checkout */
[data-theme="dark"] .co-login-banner {
  background: #1a1500;
  border-color: #4a3500;
  color: #fcd34d;
}

/* Checkout-Steps */
[data-theme="dark"] .checkout-step .step-dot {
  background: #2a2a3d;
  color: #7070a0;
}
[data-theme="dark"] .checkout-step.active .step-dot,
[data-theme="dark"] .checkout-step.done .step-dot {
  background: #b146f8;
  color: #fff;
}
[data-theme="dark"] .step-line { background: #2a2a3d; }
[data-theme="dark"] .checkout-step.done .step-line { background: #b146f8; }

/* Checkout Edit-Button */
[data-theme="dark"] .checkout-edit-btn {
  color: #9090b8;
  border-color: #2a2a3d;
}
[data-theme="dark"] .checkout-edit-btn:hover {
  background: #1e1040;
  color: #b146f8;
}

/* "Standard"-Badge bei Adressen */
[data-theme="dark"] .saved-method-row .standard-badge,
[data-theme="dark"] [style*="background:#f0fdf4"][style*="color:#15803d"] {
  background: #052e16 !important;
  color: #4ade80 !important;
  border-color: #166534 !important;
}

/* Locked sections */
[data-theme="dark"] .checkout-section--locked {
  opacity: .5;
}

/* SEPA Mandate Info-Box */
[data-theme="dark"] .sepa-mandate {
  background: #0e0e1a;
  color: #9090b8;
}

/* Checkout Right — Order Summary */
[data-theme="dark"] .checkout-right .checkout-form-section,
[data-theme="dark"] .order-summary-box {
  background: #13131f;
  border-color: #2a2a3d;
}
[data-theme="dark"] .order-summary-title { color: #e8e8f4; }
[data-theme="dark"] .order-item-name     { color: #c8c8e0; }
[data-theme="dark"] .order-item-price    { color: #b146f8; }
[data-theme="dark"] .order-total-row     { border-top-color: #2a2a3d; color: #e8e8f4; }
[data-theme="dark"] .order-total-label   { color: #9090b8; }

/* Standard-Badge bei gespeicherten Methoden */
[data-theme="dark"] .badge-standard {
  background: #052e16 !important;
  color: #4ade80 !important;
  border-color: #166534 !important;
}