/* =========================================
   Hero Slider Premium Effects
   ========================================= */

/* Progress-Bar pro aktivem Slide */
.hero-slider .slick-slide {
  position: relative;
  overflow: hidden;
}

.fsv-slide-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  z-index: 4;
  background: linear-gradient(90deg, #57c8ff 0%, #f0c232 100%);
  box-shadow: 0 0 18px rgba(87, 200, 255, 0.28);
  border-radius: 999px;
}

.fsv-slide-progress.is-animating {
  animation-name: fsv-progress-fill;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes fsv-progress-fill {
  from { width: 0; }
  to { width: 100%; }
}

/* leichtes Bild-Zoom */
.hero-slider .slick-slide img,
.hero-slider .slick-slide .posts__thumb img,
.hero-slider .slick-slide .posts__image img {
  transform: scale(1);
  transition: transform 8s ease;
}

.hero-slider .slick-slide.fsv-slide-active img,
.hero-slider .slick-slide.fsv-slide-active .posts__thumb img,
.hero-slider .slick-slide.fsv-slide-active .posts__image img {
  transform: scale(1.06);
}

/* Text elegant einblenden */
.hero-slider .posts__inner,
.hero-slider .posts__content,
.hero-slider .posts__cat,
.hero-slider .posts__title,
.hero-slider .posts__date,
.hero-slider .posts__meta {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 0.55s ease,
    transform 0.55s ease;
}

.hero-slider .fsv-animate-in {
  opacity: 1;
  transform: translateY(0);
}

.hero-slider .posts__cat.fsv-animate-in {
  transition-delay: 0.08s;
}

.hero-slider .posts__title.fsv-animate-in {
  transition-delay: 0.16s;
}

.hero-slider .posts__date.fsv-animate-in,
.hero-slider .posts__meta.fsv-animate-in {
  transition-delay: 0.24s;
}

/* Hauptbild noch filmischer */
.hero-slider .slick-slide::before,
.hero-slider--thumbs .slick-slide::before {
  background:
    linear-gradient(
      180deg,
      rgba(10,18,34,0.16) 0%,
      rgba(10,18,34,0.34) 22%,
      rgba(10,18,34,0.58) 64%,
      rgba(10,18,34,0.82) 100%
    );
}

/* aktive Thumb-Karte noch etwas stärker */
.hero-slider-thumbs .slick-current .posts__inner,
.hero-slider-thumbs .slick-active.slick-current .posts__inner {
  transform: translateY(-2px);
}

/* Mobil etwas zurückhaltender */
@media (max-width: 991px) {
  .hero-slider .slick-slide.fsv-slide-active img,
  .hero-slider .slick-slide.fsv-slide-active .posts__thumb img,
  .hero-slider .slick-slide.fsv-slide-active .posts__image img {
    transform: scale(1.03);
  }

  .fsv-slide-progress {
    height: 3px;
  }
}