/* ============================================================
   ADWAIX DARK MODE v2.0
   Aurora-inspired deep dark with neon accents
   ============================================================ */

[data-theme='dark'] {
  --c-primary: #60A5FA;
  --c-primary-hover: #93C5FD;
  --c-primary-soft: rgba(96, 165, 250, 0.12);
  --c-secondary: #A78BFA;
  --c-secondary-soft: rgba(167, 139, 250, 0.12);

  --c-bg: #030712;
  --c-bg-card: #111827;
  --c-bg-code: #0F172A;
  --c-surface: #1F2937;

  --c-text-main: #F1F5F9;
  --c-text-muted: #94A3B8;
  --c-text-subtle: #64748B;

  --c-border: rgba(255, 255, 255, 0.08);
  --c-border-hover: rgba(255, 255, 255, 0.15);

  --shadow-xs: none;
  --shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 8px 24px -4px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 40px -8px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 24px 56px -12px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 28px -4px rgba(96, 165, 250, 0.3);
  --shadow-glow-secondary: 0 0 28px -4px rgba(167, 139, 250, 0.3);

  --grad-primary: linear-gradient(135deg, #60A5FA 0%, #A78BFA 100%);
  --grad-aurora: linear-gradient(135deg, #60A5FA 0%, #A78BFA 33%, #F472B6 66%, #FBBF24 100%);
  --grad-mesh: radial-gradient(ellipse at 20% 50%, rgba(96, 165, 250, 0.07) 0%, transparent 50%),
               radial-gradient(ellipse at 80% 20%, rgba(167, 139, 250, 0.05) 0%, transparent 50%),
               radial-gradient(ellipse at 50% 80%, rgba(244, 114, 182, 0.04) 0%, transparent 50%);
}

[data-theme='dark'] body {
  background-color: var(--c-bg);
  background-image: var(--grad-mesh);
}

/* ── Header ── */
[data-theme='dark'] .header {
  background: rgba(3, 7, 18, 0.72);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

[data-theme='dark'] .header.scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* ── Cards ── */
[data-theme='dark'] .card {
  background: rgba(17, 24, 39, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
}

[data-theme='dark'] .card::before {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent);
}

[data-theme='dark'] a.card:hover,
[data-theme='dark'] .card-hover:hover {
  background: rgba(17, 24, 39, 0.85);
  border-color: rgba(96, 165, 250, 0.15);
  box-shadow: var(--shadow-lg), 0 0 0 1px rgba(96, 165, 250, 0.08);
}

/* ── Hero ── */
[data-theme='dark'] .hero::before {
  background:
    radial-gradient(circle at 30% 40%, rgba(96, 165, 250, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 70% 60%, rgba(167, 139, 250, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 50% 30%, rgba(244, 114, 182, 0.06) 0%, transparent 50%);
}

/* ── Search ── */
[data-theme='dark'] .hero-search input {
  background: rgba(17, 24, 39, 0.7);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--c-text-main);
}

[data-theme='dark'] .hero-search input:focus {
  border-color: var(--c-primary);
  box-shadow: var(--shadow-lg), 0 0 0 3px var(--c-primary-soft);
}

/* ── Forms ── */
[data-theme='dark'] .form-control {
  background-color: var(--c-surface);
  border-color: var(--c-border);
  color: var(--c-text-main);
}

[data-theme='dark'] .form-control:hover {
  border-color: var(--c-border-hover);
}

[data-theme='dark'] .form-control:focus {
  border-color: var(--c-primary);
  background-color: var(--c-bg-card);
  box-shadow: 0 0 0 3px var(--c-primary-soft);
}

/* ── Buttons ── */
[data-theme='dark'] .btn {
  background: var(--c-surface);
  color: var(--c-text-main);
}

[data-theme='dark'] .btn-primary {
  background: var(--grad-primary);
  color: #0F172A;
  box-shadow: var(--shadow-glow);
}

[data-theme='dark'] .btn-primary:hover {
  box-shadow: 0 8px 32px -4px rgba(96, 165, 250, 0.45);
}

[data-theme='dark'] .btn-secondary {
  background: rgba(31, 41, 55, 0.6);
  border-color: var(--c-border);
}

[data-theme='dark'] .btn-secondary:hover {
  background: rgba(31, 41, 55, 0.9);
  border-color: var(--c-border-hover);
}

/* ── Footer ── */
[data-theme='dark'] .footer {
  background: #020617;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

/* ── Ad Containers ── */
[data-theme='dark'] .ad-placeholder {
  background: var(--c-surface);
  border-color: var(--c-border);
}

/* ── Drop Zone ── */
[data-theme='dark'] .drop-zone {
  background: var(--c-surface);
  border-color: var(--c-border);
}

[data-theme='dark'] .drop-zone:hover,
[data-theme='dark'] .drop-zone.dragover {
  border-color: var(--c-primary);
  background: var(--c-primary-soft);
}

/* ── Cookie Bar ── */
[data-theme='dark'] .cookie-bar {
  background: rgba(3, 7, 18, 0.95);
  border-top-color: rgba(255, 255, 255, 0.04);
}

/* ── Images ── */
[data-theme='dark'] img {
  opacity: 0.92;
}

/* ── Icon wraps ── */
[data-theme='dark'] .icon-wrap.blue { background: rgba(96, 165, 250, 0.12); color: #60A5FA; }
[data-theme='dark'] .icon-wrap.violet { background: rgba(167, 139, 250, 0.12); color: #A78BFA; }
[data-theme='dark'] .icon-wrap.pink { background: rgba(244, 114, 182, 0.12); color: #F472B6; }
[data-theme='dark'] .icon-wrap.amber { background: rgba(251, 191, 36, 0.12); color: #FBBF24; }
[data-theme='dark'] .icon-wrap.green { background: rgba(52, 211, 153, 0.12); color: #34D399; }
[data-theme='dark'] .icon-wrap.cyan { background: rgba(34, 211, 238, 0.12); color: #22D3EE; }

/* ── Table styling ── */
[data-theme='dark'] th {
  background: var(--c-surface);
}

[data-theme='dark'] th:hover {
  background: rgba(255, 255, 255, 0.08);
}