/* Hero Carousel Section - Images en arrière-plan plein écran */
.hero-video-section {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  /* Fond de secours si les images ne sont pas chargées */
  background: linear-gradient(135deg, #2D7D2E 0%, #1a5a1b 50%, #F7941D 100%);
}

/* Container du carousel en arrière-plan */
.hero-carousel-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Slide individuel du carousel */
.carousel-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  z-index: 0;
}

.carousel-slide.active {
  opacity: 1;
  z-index: 1;
}

/* Image du carousel qui couvre tout l'écran */
.carousel-image {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  /* Animation zoom subtil pour effet "vivant" */
  animation: kenBurns 20s ease-in-out infinite alternate;
}

@keyframes kenBurns {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

/* Overlay sombre pour améliorer la lisibilité du texte */
.hero-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  z-index: 1;
}

/* Responsive - Sur mobile, réduire la hauteur */
@media (max-width: 768px) {
  .hero-video-section {
    min-height: 100vh;
  }
  
  .hero-video-overlay {
    background: rgba(0, 0, 0, 0.75);
  }
}