/* ============================================================
   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 .hero {
  background: #10141d;
}
body.dark-mode .hero::before {
  background:
    linear-gradient(90deg, rgba(6,9,14,.9) 0%, rgba(6,9,14,.68) 44%, rgba(6,9,14,.2) 100%),
    linear-gradient(0deg, rgba(6,9,14,.34), rgba(6,9,14,.12));
}
body.dark-mode .hero::after {
  background: linear-gradient(to bottom, transparent, var(--color-bg-2));
}

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 .leistungen .section-badge {
  background: rgba(27,170,226,.16);
  color: #8ddcff;
}

body.dark-mode .handwerk-band {
  background:
    linear-gradient(135deg, rgba(16,20,29,.98), rgba(26,32,48,.96)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 10px);
  border-color: #2d3748;
}
body.dark-mode .handwerk-copy h2 {
  color: #f0f4f8;
}
body.dark-mode .handwerk-copy p {
  color: #cbd5e1;
}
body.dark-mode .promise-item {
  background: rgba(26,32,48,.86);
  border-color: #2d3748;
  box-shadow: 0 16px 38px rgba(0,0,0,.24);
}
body.dark-mode .promise-item span {
  background: rgba(27,170,226,.16);
  color: #8ddcff;
}
body.dark-mode .promise-item strong {
  color: #f0f4f8;
}
body.dark-mode .promise-item p {
  color: #cbd5e1;
}

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

body.dark-mode .lokal-seo,
body.dark-mode .faq {
  background: var(--color-bg);
  border-color: #2d3748;
}
body.dark-mode .lokal-seo::before {
  opacity: .16;
}
body.dark-mode .lokal-seo::after {
  opacity: .08;
}

body.dark-mode .lokal-panel {
  background: #161b27;
  border-color: #2d3748;
}
body.dark-mode .lokal-panel h3,
body.dark-mode .lokal-fakten dd {
  color: #f0f4f8;
}
body.dark-mode .lokal-fakten div {
  background: #161b27;
  border-color: #2d3748;
}
body.dark-mode .lokal-fakten dt {
  color: #aebed0;
}
body.dark-mode .lokal-panel li {
  color: #cbd5e1;
}

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 .leistung-tag {
  background: #243047;
  color: #d7e1ec;
  border: 1px solid rgba(255,255,255,.05);
}
body.dark-mode .leistung-icon.blue    { background: rgba(27,170,226,.15); }
body.dark-mode .leistung-icon.green   { background: rgba(112,188,158,.12); }
body.dark-mode .leistung-icon.red     { background: rgba(200,94,70,.15); }
body.dark-mode .leistung-icon.magenta { background: rgba(199,120,165,.15); }
body.dark-mode .leistung-icon.orange  { background: rgba(255,165,0,.1); }

body.dark-mode .referenz-item {
  background: #1e2537;
}
body.dark-mode .referenz-placeholder { color: #94a3b8; }

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 .kontakt-item-icon {
  background: rgba(27,170,226,.12);
}

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 .anrufzeit-inner { background: #1a2030; border-color: #2d3748; }
body.dark-mode .anrufzeit-card input:checked ~ .anrufzeit-inner {
  border-color: #1baae2; background: rgba(27,170,226,.12);
}
body.dark-mode .cb-box { background: #1a2030; border-color: #2d3748; }
body.dark-mode .kform-header { border-color: #2d3748; }
body.dark-mode .kform-footer { border-color: #2d3748; }
body.dark-mode .kform-header-icon { background: rgba(27,170,226,.15); }

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

/* Partner-Sektion Dark Mode */
body.dark-mode .partner { background: var(--color-bg); border-color: #2d3748; }
body.dark-mode .partner-item { background: #1a2030; border-color: #2d3748; }
body.dark-mode .partner-item:hover { border-color: rgba(27,170,226,.4); }