/**
 * Sadovszky Theme: Licht-Leinwand, RAL 9005, Messing, geometrische Sans, Thin Lines, Glassmorphismus.
 * Nur aktiv wenn html.theme-sadovszky gesetzt (ClientLayout für Sadovszky).
 */

/* ---- Design-Tokens ---- */
:root.theme-sadovszky {
  --sadovszky-black: #0A0A0A;   /* RAL 9005 Tiefschwarz */
  --sadovszky-white: #FFFFFF;
  --sadovszky-canvas: #F8F9FA;   /* Eisgrau / Sichtbeton */
  --sadovszky-brass: #B5A642;   /* Mattes Messing / Brushed Brass */
  --sadovszky-text: #1a1a1a;
  --sadovszky-muted: #6b7280;
}

/* ---- Licht-Leinwand: Hintergrund ---- */
html.theme-sadovszky,
html.theme-sadovszky body {
  background: var(--sadovszky-canvas) !important;
  color: var(--sadovszky-text);
}

html.theme-sadovszky main {
  background: var(--sadovszky-canvas) !important;
}

html.theme-sadovszky body {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
}

/* ---- Header: Schwarz #000000 ---- */
html.theme-sadovszky header {
  background: #000000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: none;
}

html.theme-sadovszky header a,
html.theme-sadovszky header span {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Logo auf hellem Hintergrund: unverändert; bei schwarzem Header ggf. helles Logo nutzen */
html.theme-sadovszky header img {
  filter: none;
}

/* ---- Footer: Hell, 1px Linie, schwarzer Text ---- */
html.theme-sadovszky footer {
  background: var(--sadovszky-white) !important;
  border-top: 1px solid var(--sadovszky-black);
  color: var(--sadovszky-black) !important;
}

html.theme-sadovszky footer p,
html.theme-sadovszky footer a {
  color: var(--sadovszky-black) !important;
}

html.theme-sadovszky footer a:hover {
  color: var(--sadovszky-brass) !important;
}

html.theme-sadovszky footer .border-t.border-white\\/10 {
  border-top-color: var(--sadovszky-black) !important;
}

html.theme-sadovszky footer [class*="text-white"] {
  color: var(--sadovszky-black) !important;
}

/* ---- Überschriften: Montserrat, Tiefschwarz ---- */
html.theme-sadovszky main h1,
html.theme-sadovszky main h2,
html.theme-sadovszky main h3 {
  font-family: 'Montserrat', sans-serif !important;
  color: var(--sadovszky-black) !important;
  font-weight: 700;
}

/* Blueprint-Hack: Kicker = Uppercase + weiter Letter-Spacing ---- */
html.theme-sadovszky .kicker {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--sadovszky-muted);
}

/* ---- Fließtext: dünn, clean (Inter Light/Regular) ---- */
html.theme-sadovszky main p,
html.theme-sadovszky main .text-muted-foreground {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  color: var(--sadovszky-text);
}

html.theme-sadovszky main .text-slate-600,
html.theme-sadovszky main .text-slate-700 {
  color: var(--sadovszky-muted) !important;
}

/* Alle weißen Texte auf Schwarz umstellen (für ehemals dunkle Sektionen) ---- */
html.theme-sadovszky main .text-white,
html.theme-sadovszky main .text-white\\/90,
html.theme-sadovszky main .text-white\\/95,
html.theme-sadovszky main .text-white\\/80 {
  color: var(--sadovszky-black) !important;
}

/* ---- Buttons: Rechteck, RAL 9005, Hover Messing (Null Rundungen) ---- */
html.theme-sadovszky .btn-wmk,
html.theme-sadovszky main a[href="/quiz/"],
html.theme-sadovszky main a[href^="/quiz"],
html.theme-sadovszky main a[class*="C39F47"] {
  border-radius: 0 !important;
  background: var(--sadovszky-black) !important;
  color: var(--sadovszky-white) !important;
  border: 1px solid var(--sadovszky-black);
}

html.theme-sadovszky .btn-wmk:hover,
html.theme-sadovszky main a.btn-wmk:hover,
html.theme-sadovszky main a[href="/quiz/"]:hover,
html.theme-sadovszky main a[href^="/quiz"]:hover {
  background: var(--sadovszky-brass) !important;
  border-color: var(--sadovszky-brass);
  color: var(--sadovszky-white) !important;
}

/* Sekundär-Button (Outline / Direkt anrufen) ---- */
html.theme-sadovszky main a[class*="border-white"] {
  border: 1px solid var(--sadovszky-black) !important;
  color: var(--sadovszky-black) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

html.theme-sadovszky main a[class*="border-white"]:hover {
  background: var(--sadovszky-black) !important;
  color: var(--sadovszky-white) !important;
}

/* ---- Hero-Bereich: Hintergrund #000000 ---- */
html.theme-sadovszky main section#budget-pruefen {
  background: #000000 !important;
}

html.theme-sadovszky main section#budget-pruefen .hero-text-col.glass-panel,
html.theme-sadovszky main section#budget-pruefen .glass-panel {
  background: rgba(255, 255, 255, 0.06) !important;
  border-right-color: rgba(255, 255, 255, 0.1);
}

html.theme-sadovszky main section#budget-pruefen .hero-text-col .kicker,
html.theme-sadovszky main section#budget-pruefen .hero-text-col h1,
html.theme-sadovszky main section#budget-pruefen .hero-text-col p,
html.theme-sadovszky main section#budget-pruefen .hero-text-col span {
  color: #ffffff !important;
}

html.theme-sadovszky main section#budget-pruefen .hero-text-col span.inline-flex {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

/* CTA-Button: hell auf schwarz */
html.theme-sadovszky main section#budget-pruefen .hero-text-col a.btn-wmk {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}

html.theme-sadovszky main section#budget-pruefen .hero-text-col a.btn-wmk:hover {
  background: var(--sadovszky-brass) !important;
  color: #000000 !important;
  border-color: var(--sadovszky-brass) !important;
}

/* Sekundärer Link (z. B. Direkt anrufen) */
html.theme-sadovszky main section#budget-pruefen .hero-text-col a:not(.btn-wmk) {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
}

html.theme-sadovszky main section#budget-pruefen .hero-text-col a:not(.btn-wmk):hover {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}

/* ---- Sektionen: helle Flächen, 1px Trennlinien ---- */
html.theme-sadovszky main section {
  background: transparent !important;
}

html.theme-sadovszky main section + section {
  border-top: 1px solid var(--sadovszky-black);
}

/* Ehemals dunkle Sektion (bg #1D1D1B) hell machen ---- */
html.theme-sadovszky main section[class*="1D1D1B"],
html.theme-sadovszky main [class*="1D1D1B"] {
  background: var(--sadovszky-white) !important;
}

html.theme-sadovszky main [class*="1D1D1B"] .text-white { color: var(--sadovszky-black) !important; }
html.theme-sadovszky main [class*="1D1D1B"] [class*="text-white"] { color: var(--sadovszky-text) !important; }
html.theme-sadovszky main [class*="1D1D1B"] .text-amber-400 { color: var(--sadovszky-brass) !important; }

/* Section-Utilities überschreiben ---- */
html.theme-sadovszky .section-white,
html.theme-sadovszky .section-light-gray {
  background: var(--sadovszky-white) !important;
}

html.theme-sadovszky .section-light-gray {
  background: var(--sadovszky-canvas) !important;
}

/* ---- Karten / Boxen: scharfe Ecken ---- */
html.theme-sadovszky main .rounded-xl,
html.theme-sadovszky main .rounded-2xl {
  border-radius: 0 !important;
}

html.theme-sadovszky main .border-slate-200 {
  border-color: var(--sadovszky-black) !important;
  border-width: 1px;
}

/* Icons in Feature-Boxen: Messing statt Gold ---- */
html.theme-sadovszky main .text-amber-400,
html.theme-sadovszky main [class*="C39F47"] .svg {
  color: var(--sadovszky-brass) !important;
}

html.theme-sadovszky main [class*="C39F47"] {
  background: rgba(181, 166, 66, 0.15) !important;
}

/* Sterne Bewertungen ---- */
html.theme-sadovszky main .text-amber-500 {
  color: var(--sadovszky-brass) !important;
}

/* ---- Glassmorphismus: Hero-Text über Bild (Milchglas) ---- */
html.theme-sadovszky .hero-text-col.glass-panel,
html.theme-sadovszky .glass-panel {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-right: 1px solid rgba(10, 10, 10, 0.1);
}

/* Parallax-Stats: heller Overlay, schwarzer Text ---- */
html.theme-sadovszky .parallax-stats .absolute.inset-0[class*="z-"],
html.theme-sadovszky .parallax-stats [class*="1D1D1B"] {
  background: rgba(248, 249, 250, 0.88) !important;
}

html.theme-sadovszky .parallax-stats .text-white,
html.theme-sadovszky .parallax-stats .text-white\\/90 {
  color: var(--sadovszky-black) !important;
}

/* Trust-Badge (Hero) ---- */
html.theme-sadovszky main .bg-white\\/10 {
  background: rgba(10, 10, 10, 0.06) !important;
  border: 1px solid rgba(10, 10, 10, 0.12);
  border-radius: 0;
}

/* Quiz-Seite: gleiche Ästhetik ---- */
html.theme-sadovszky .client-primary-theme {
  --primary: 0 0% 4%;
  --primary-foreground: 0 0% 100%;
}

html.theme-sadovszky .quiz-option:hover,
html.theme-sadovszky .quiz-submit-btn {
  border-radius: 0 !important;
}

html.theme-sadovszky .quiz-submit-btn {
  background: var(--sadovszky-black) !important;
}

html.theme-sadovszky .quiz-submit-btn:hover {
  background: var(--sadovszky-brass) !important;
}