/* Scale aanpassing: niet-actieve slides iets minder krimpen */
.industrie-loop .swiper-slide {
  transform: scale(0.85);
}

.industrie-loop .swiper-slide.swiper-slide-active {
  transform: scale(1);
}

/* Actieve card: altijd witte border */
.industrie-loop .swiper-slide.swiper-slide-active .loop-layer-1 {
  outline: 2px solid rgba(255, 255, 255, 0.5) !important;
  outline-offset: -1px !important;
  border-radius: 30px !important;
}

/* Card achtergrond - blurry effect */
.industrie-loop .swiper-slide .loop-bg-blurry {
  background: linear-gradient(
    135deg,
    rgba(0,0,0,0.45) 0%,
    rgba(0,0,0,0.3) 100%
  ) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
  border-radius: 0 0 30px 30px !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Tekst en knop standaard verborgen op niet-actieve slides */
.industrie-loop .swiper-slide:not(.swiper-slide-active) .elementor-widget.algemene-tekst,
.industrie-loop .swiper-slide:not(.swiper-slide-active) .elementor-widget.loop-button,
.industrie-loop .swiper-slide:not(.swiper-slide-active) .algemene-tekst,
.industrie-loop .swiper-slide:not(.swiper-slide-active) .loop-button {
  opacity: 0 !important;
  visibility: hidden !important;
  max-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, max-height 0.3s ease !important;
}

/* Cursor pointer op niet-actieve slides */
.industrie-loop .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

/* Hover: witte border */
.industrie-loop .swiper-slide:hover {
  z-index: 10 !important;
}

.industrie-loop .swiper-slide:hover .loop-layer-1 {
  outline: 2px solid rgba(255, 255, 255, 0.5) !important;
  outline-offset: -1px !important;
  border-radius: 30px !important;
}

/* Scale effect: niet-actieve slides kleiner */
.industrie-loop .swiper-slide {
  transition: transform 0.4s ease, opacity 0.4s ease !important;
  transform: scale(0.65) !important;
  transform-origin: center center;
}
.industrie-loop .swiper-slide.swiper-slide-active {
  transform: scale(1) !important;
}


/* Progressbar */
.industrie-loop .swiper-pagination-progressbar {
  position: relative !important;
  width: 582px !important;
  height: 3px !important;
  background: #fff !important;
  border-radius: 2px !important;
  margin: 50px auto 0 !important;
}

.industrie-loop .swiper-pagination-progressbar-fill {
  background: #8A05FF !important;
  height: 3px !important;
  border-radius: 2px !important;
}

@media (max-width: 767px) {
  .industrie-loop .swiper-pagination-progressbar {
    width: calc(100% - 40px) !important;
    margin: 50px 20px 0 !important;
  }
}

.industrie-loop .swiper-slide-active .loop-bg-blurry,
.industrie-loop .swiper-slide-visible.swiper-slide-active .loop-bg-blurry {
  display: flex !important;
}