/*
 * Frontend CSS for Toxic Hero Slider container.
 * Most styles live in NOVAChild/themes/my-nova/custom.css (.tx-hero-slider*).
 * This file only ships the fade-stack rules so the slides are layered
 * absolutely and the section keeps a stable height = max-slide height.
 */
.tx-hero-slider {
  position: relative;
}
.tx-hero-slider__track {
  position: relative;
  display: grid;
  grid-template-areas: "stack";
}
.tx-hero-slider__track > .tx-hero-slide {
  grid-area: stack;
  /* ⚠️ Ohne `min-width: 0` steht das Rasterkind auf `min-width: auto` und
     waechst auf die MIN-CONTENT-Breite seines Inhalts. Gemessen am 2026-08-05
     bei 390px Fenster: die Slide wurde 510px breit, 120px davon schnitt der
     Slider per `overflow: hidden` ab — fast ein Viertel des Heros war auf dem
     Telefon nicht zu sehen und nicht erreichbar. Dieselbe Falle wie bei den
     Hero-Chips und der Spec-Leiste, sie steht in CLAUDE.md. */
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease, visibility 0s linear .5s;
  pointer-events: none;
}
.tx-hero-slider__track > .tx-hero-slide.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity .5s ease;
  pointer-events: auto;
  z-index: 1;
}

/* Mobile: Grid-Area-Stack behält alle Slides im Layout (kein display:none).
   Container-Höhe = tallest Slide (System-Slide). Big-Slide füllt die Höhe
   via height:100% + flex:1 auf dem Content-Panel (ToxicHeroSlideBig.css).
   Kein Jump beim Wechsel weil Container-Höhe konstant bleibt. */
@media (max-width: 720px) {
  .tx-hero-slider__track > .tx-hero-slide {
    transition: opacity .3s ease, visibility 0s linear .3s;
  }
  .tx-hero-slider__track > .tx-hero-slide.is-active {
    transition: opacity .3s ease;
  }
}

/* Die Regeln fuer das Banner-Layout liegen bewusst NICHT hier, sondern in
   custom.css. Grund: JTL liefert Plugin-CSS OHNE Versionsstempel aus — eine
   Aenderung hier erreicht Besucher erst, wenn ihr Browser die Datei zufaellig
   neu holt. custom.css hat ein Cache-Token in layout/header.tpl, das wir
   hochzaehlen koennen. Am 03.08. stand deshalb die Slide-Navigation tagelang
   an der falschen Stelle, obwohl die Datei auf dem Server korrekt war. */