/**
 * Dark Mode Styles
 *
 * @package DigiHub
 */

[data-theme="dark"] {
  /* ── COLORES BASE ────────────────────────────────── */
  --bg-primary: #0f172a;
  --bg-alt: #1e293b;
  --bg-dark: #0f172a;
  --bg-darker: #020617;

  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-white: #ffffff;

  /* ── GLASSMORPHISM ─────────────────────────────── */
  --glass-bg: rgba(15, 23, 42, 0.85);
  --glass-border: rgba(255, 255, 255, 0.08);

  /* ── SOMBRAS ───────────────────────────────────── */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 12px 40px rgba(37, 99, 235, 0.25);

  /* ── COMPONENTES ───────────────────────────────── */
  color-scheme: dark;
}

/* ── ELEMENTOS ESPECÍFICOS ─────────────────────── */

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

[data-theme="dark"] .site-header {
  background: rgba(15, 23, 42, 0.85);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .site-header.scrolled {
  background: rgba(15, 23, 42, 0.95);
}

[data-theme="dark"] .hero-section {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .hero-title {
  color: var(--text-primary);
}

[data-theme="dark"] .hero-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .hero-badge {
  background: rgba(37, 99, 235, 0.2);
  color: var(--primary-light);
  border-color: rgba(37, 99, 235, 0.3);
}

[data-theme="dark"] .nav-menu {
  background: rgba(15, 23, 42, 0.98);
}

[data-theme="dark"] .card,
[data-theme="dark"] .app-card,
[data-theme="dark"] .template-card {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.08);
}

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

[data-theme="dark"] .input,
[data-theme="dark"] .textarea,
[data-theme="dark"] .select {
  background: #0f172a;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

[data-theme="dark"] .input:focus,
[data-theme="dark"] .textarea:focus,
[data-theme="dark"] .select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.2);
}

[data-theme="dark"] .post-card__placeholder,
[data-theme="dark"] .template-card__placeholder {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.02)) !important;
}

[data-theme="dark"] .tag {
  background: #1e293b;
  color: var(--text-secondary);
}

[data-theme="dark"] .tag:hover {
  background: var(--primary);
  color: #fff;
}

[data-theme="dark"] pre {
  background: #1e293b;
}

[data-theme="dark"] code {
  background: rgba(37, 99, 235, 0.15);
}

[data-theme="dark"] .footer-main {
  background: #0f172a;
}

[data-theme="dark"] .footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .footer-social__link {
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .back-to-top {
  background: var(--primary);
  color: #fff;
}

[data-theme="dark"] .no-results__icon,
[data-theme="dark"] .error-code__zero {
  opacity: 0.8;
}

/* ── WHATSAPP FLOAT ──────────────────────────────── */

[data-theme="dark"] .whatsapp-float {
  background: #10b981;
  color: #fff;
}

/* ── COOKIE NOTICE ───────────────────────────────── */

[data-theme="dark"] .cookie-notice {
  background: rgba(15, 23, 42, 0.95);
  border-top-color: rgba(255, 255, 255, 0.1);
}

/* ── TOC ─────────────────────────────────────────── */

[data-theme="dark"] .toc {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .toc__link:hover {
  background: rgba(37, 99, 235, 0.1);
}

/* ── COMMENTS ────────────────────────────────────── */

[data-theme="dark"] .comment-body {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.08);
}

/* ── PAGINATION ──────────────────────────────────── */

[data-theme="dark"] .page-numbers {
  background: #1e293b;
  color: var(--text-secondary);
}

[data-theme="dark"] .page-numbers:hover,
[data-theme="dark"] .page-numbers.current {
  background: var(--primary);
  color: #fff;
}

/* ── SCROLLBAR ───────────────────────────────────── */

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

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

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

/* ── SELECTION ───────────────────────────────────── */

[data-theme="dark"] ::selection {
  background-color: var(--primary-light);
  color: #fff;
}

/* ── SIDEBAR DARK MODE ───────────────────────────── */
[data-theme="dark"] .sidebar .widget {
  background: rgba(15, 23, 42, 0.75);
  border-color: rgba(255, 255, 255, 0.07);
}

[data-theme="dark"] .sidebar .widget:hover {
  border-color: rgba(37, 99, 235, 0.3);
  box-shadow: 0 8px 32px rgba(37, 99, 235, 0.15);
}

[data-theme="dark"] .sidebar .widget-title {
  color: var(--text-muted);
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

[data-theme="dark"] .sidebar .widget_recent_entries ul li {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .sidebar .widget_recent_entries ul li a {
  color: var(--text-secondary);
}

[data-theme="dark"] .sidebar .widget_recent_entries ul li a:hover {
  color: var(--primary-light);
}

[data-theme="dark"] .sidebar .widget ul li {
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: var(--text-secondary);
}

[data-theme="dark"] .sidebar .widget_custom_html,
[data-theme="dark"] .sidebar .widget-adsense {
  background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .sidebar .widget_search .search-field {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

[data-theme="dark"] .sidebar .widget_search .search-field:focus {
  border-color: var(--primary-light);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}