/* ============================================================
   Blum Malerbetrieb – Dark Mode Overrides
   Aktiviert via body.dark-mode oder [data-theme="dark"]
   ============================================================ */

body.dark-mode {
  --color-bg:      #0f1219;
  --color-bg-2:    #161b27;
  --color-bg-3:    #1e2537;
  --color-surface: #1a2030;

  --color-text:    #f0f4f8;
  --color-text-2:  #a0aec0;
  --color-text-3:  #94a3b8;
  --color-text-muted: #cbd5e1;

  --color-border:  #2d3748;
  --color-shadow:  rgba(27, 170, 226, 0.2);
}

body.dark-mode .site-header {
  background: rgba(15, 18, 25, 0.92);
}

body.dark-mode .site-header.scrolled {
  background: rgba(15, 18, 25, 0.97);
  border-color: #2d3748;
}

body.dark-mode .leistung-card,
body.dark-mode .bewertung-card,
body.dark-mode .job-card,
body.dark-mode .card-form,
body.dark-mode .faq-item {
  background: #1a2030;
  border-color: #2d3748;
}
body.dark-mode .section-sub,
body.dark-mode .leistung-card p,
body.dark-mode .lokal-content p,
body.dark-mode .faq-item p,
body.dark-mode .kontakt-item-text p,
body.dark-mode .kontakt-item-text a {
  color: #cbd5e1;
}
body.dark-mode .section-badge {
  background: rgba(27,170,226,.16);
  color: #8ddcff;
  border: 1px solid rgba(27,170,226,.22);
}

body.dark-mode .hero-trust li,
body.dark-mode .lokal-serviceorte span {
  background: #1a2030;
  border-color: #2d3748;
  color: #d7e1ec;
}

body.dark-mode .form-input,
body.dark-mode .form-select,
body.dark-mode .form-textarea {
  background: #161b27;
  border-color: #2d3748;
  color: #f0f4f8;
}
body.dark-mode .form-label,
body.dark-mode .cb-text,
body.dark-mode .kform-hinweis {
  color: #cbd5e1;
}
body.dark-mode .form-input::placeholder,
body.dark-mode .form-textarea::placeholder {
  color: #94a3b8;
}
body.dark-mode .form-input:focus,
body.dark-mode .form-select:focus,
body.dark-mode .form-textarea:focus {
  background: #1e2537;
}
body.dark-mode .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

body.dark-mode .upload-area {
  border-color: #2d3748;
}
body.dark-mode .upload-area:hover {
  border-color: var(--color-blue);
  background: rgba(27,170,226,.06);
}

body.dark-mode .mobile-nav {
  background: #161b27;
}
body.dark-mode .mobile-nav-close,
body.dark-mode .theme-toggle,
body.dark-mode .nav-toggle {
  border-color: #2d3748;
}

body.dark-mode .logo-img--light { display: none; }
body.dark-mode .logo-img--dark { display: block; }

body.dark-mode .hero-badge-float,
body.dark-mode .meister-card {
  background: #1a2030;
  border-color: #2d3748;
}

body.dark-mode .projekt-konfigurator {
  background: #0f1219;
}
body.dark-mode .konfig-card,
body.dark-mode .paula-intro {
  background: rgba(26,32,48,.92);
  border-color: #2d3748;
}
body.dark-mode .konfig-header p,
body.dark-mode .konfig-step-panel > p,
body.dark-mode .paula-intro span,
body.dark-mode .konfig-nav #konfig-indicator {
  color: #cbd5e1;
}
body.dark-mode .konfig-option {
  background: #161b27;
  border-color: #2d3748;
  color: #f0f4f8;
}
body.dark-mode .konfig-option:hover,
body.dark-mode .konfig-option.selected {
  background: rgba(27,170,226,.14);
  border-color: #1baae2;
  color: #d9f4ff;
}

body.dark-mode .cookie-banner {
  background: #161b27;
  border-color: #2d3748;
  box-shadow: 0 16px 48px rgba(0,0,0,.4);
}

body.dark-mode .site-footer {
  background: #0a0d14;
}
body.dark-mode .footer-bottom {
  border-color: #1e2537;
}

/* Dark Mode Toggle Icon */
body.dark-mode .icon-sun { display: none; }
body.dark-mode .icon-moon { display: block; }

/* Admin Panel Dark Mode */
body.dark-mode .admin-sidebar { background: #0a0d14; }
body.dark-mode .admin-main { background: #0f1219; }
body.dark-mode .stat-card, body.dark-mode .table-card { background: #1a2030; border-color: #2d3748; }
body.dark-mode .admin-table thead tr { background: #161b27; }
body.dark-mode .admin-table tbody tr:hover { background: #1e2537; }

/* Kontaktformular Dark Mode */
body.dark-mode .cb-box { background: #1a2030; border-color: #2d3748; }

/* Servicegebiet hat eigenes dunkles Design, kein Override nötig */

/* Partner-Sektion Dark Mode */