/* --- FINITION GLOBALE --- */

/* Animation d'entrée pour les images */
.swiper-slide img {
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.swiper-slide-active img {
  opacity: 1;
  transform: scale(1);
}

/* Style des flèches ultra-minimaliste */
.swiper-button-next, 
.swiper-button-prev {
  background: white !important;
  opacity: 0; /* Cachées par défaut */
  transition: all 0.4s ease !important;
}

/* Apparition des flèches seulement au survol du carousel */
.w-full:hover .swiper-button-next,
.w-full:hover .swiper-button-prev {
  opacity: 1;
}

/* Correction pour le mode mobile */
@media (max-width: 768px) {
  .swiper-button-next, 
  .swiper-button-prev {
    display: none !important; /* On privilégie le swipe au doigt sur mobile */
  }
  
  .rounded-\[3rem\] {
    border-radius: 2rem !important; /* Arrondis plus doux sur mobile */
  }
}

/* --- EFFET SQUELETTE (Skeleton Loading) --- */
@keyframes shimmer {
  0% { background-position: -1000px 0; }
  100% { background-position: 1000px 0; }
}

.loading-skeleton {
  background:  #00b4e9;;
  background-size: 1000px 100%;
  animation: shimmer 2s infinite linear;
}