/* ===== VT Weihnachtsmodus – dezent (global) ===== */

/* Akzentfarben leicht in Richtung Rot/Grün drehen – nur im Weihnachtsmodus */
body.vt-xmas {
  --accent:#b33a2f;
  --accent-2:#e49a5d;
  --accent-3:#2f855a;
}

/* Schmaler Weihnachts-Hinweis über der Navigation */
body.vt-xmas .xmas-banner{
  background:linear-gradient(120deg,#7b241c,#b33a2f,#d86b4a);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.25);
}

body.vt-xmas .xmas-banner .container{
  padding:6px 20px;
}

/* Inhalt: Icon + Text nebeneinander in EINER Zeile */
body.vt-xmas .xmas-banner-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:4px 0;
  text-align:left;
  flex-wrap:nowrap;          /* NICHT umbrechen */
}

/* Icon (🎄) */
body.vt-xmas .xmas-banner-icon{
  font-size:1.2rem;
  filter:drop-shadow(0 0 6px rgba(0,0,0,.25));
}

/* Text: 
   "Frohe Weihnachten & einen guten Rutsch!
    Jetzt Termin für neue Böden in 2026 sichern." 
   → durchgehend in einer Zeile
*/
body.vt-xmas .xmas-banner-text{
  font-size:.95rem;
  letter-spacing:0.02em;
  font-weight:700;        /* erste Zeile fett */
  white-space:nowrap;     /* ALLES in einer Zeile halten */
}

/* Zweiter Teil ("Jetzt Termin ...") im gleichen Satz, nur etwas leichter */
body.vt-xmas .xmas-banner-text > span{
  display:inline;
  font-size:.9rem;
  font-weight:400;
  opacity:.9;
  margin-left:.35em;
}

/* Handy-Feintuning – kleiner, aber immer noch in einer Zeile */
@media(max-width:600px){
  body.vt-xmas .xmas-banner .container{
    padding:6px 10px;
  }
  body.vt-xmas .xmas-banner-text{
    font-size:.8rem;
  }
  body.vt-xmas .xmas-banner-text > span{
    font-size:.8rem;
    margin-left:.25em;
  }
}

/* Kleines Santa-Detail direkt am Schriftzug "VT Bodenbeläge" */
body.vt-xmas .brand span::after{
  content:" 🎅";
  font-size:1.05em;
  filter:drop-shadow(0 0 2px rgba(36,24,16,.4));
}

/* Leichter Schneefall – blockiert keine Klicks */
.vt-snowflake{
  position:fixed;
  top:-10vh;
  left:0;
  color:rgba(255,255,255,0.95);
  text-shadow:0 0 4px rgba(15,23,42,0.45);
  pointer-events:none;
  user-select:none;
  animation-name:vt-snow-fall;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  z-index:9999;
}

@keyframes vt-snow-fall{
  0%{
    transform:translate3d(0,-10vh,0);
    opacity:0;
  }
  10%{
    opacity:1;
  }
  100%{
    transform:translate3d(0,110vh,0);
    opacity:0;
  }
}
/* Handy-Optimierung fürs Weihnachts-Banner */
@media (max-width:600px){
  body.vt-xmas .xmas-banner .container{
    padding:6px 12px;
  }

  body.vt-xmas .xmas-banner-inner{
    flex-wrap:wrap;          /* darf umbrechen */
    justify-content:center;
    text-align:center;
    gap:6px;
  }

  body.vt-xmas .xmas-banner-text{
    white-space:normal;      /* auf Handy nicht erzwingen, dass alles in einer Zeile bleibt */
    font-size:.85rem;
  }

  body.vt-xmas .xmas-banner-text > span{
    display:block;           /* zweite Hälfte in die nächste Zeile */
    margin-left:0;
    margin-top:.1em;
    font-size:.8rem;
    opacity:.9;
  }
}
body.vt-xmas .xmas-footer-note{
  margin-top:6px;
  font-size:.8rem;
  opacity:.85;
}
/* Weihnachts-CTA Button im Hero */
body.vt-xmas .btn.primary.xmas-cta{
  background:linear-gradient(135deg,#b33a2f,#e49a5d);
  box-shadow:0 10px 22px rgba(179,58,47,.35);
}

body.vt-xmas .btn.primary.xmas-cta::after{
  content:" 🎁";
  font-size:1.1em;
  margin-left:.25em;
}