/**
 * Styles pour désactiver tous les effets de survol
 * Ce fichier est chargé après les autres pour s'assurer que ces règles ont priorité
 */

/* Désactiver tous les effets de survol sur les cartes */
.netflix-card,
.netflix-card *,
.netflix-row .netflix-card,
.netflix-row .netflix-card *,
.netflix-carousel .netflix-card,
.netflix-carousel .netflix-card * {
  transition: none !important;
  transform: none !important;
  animation: none !important;
  box-shadow: none !important;
  filter: none !important;
  z-index: auto !important;
}

/* Empêcher spécifiquement le déplacement des cartes voisines */
.netflix-card:hover ~ .netflix-card,
.netflix-row .netflix-card:hover ~ .netflix-card,
.netflix-carousel .netflix-card:hover ~ .netflix-card {
  transform: none !important;
  transition: none !important;
}

/* Désactiver également tous les effets CSS3 qui pourraient causer des mouvements */
.netflix-card:hover,
.netflix-card *:hover {
  perspective: none !important;
  backface-visibility: visible !important;
  -webkit-transform-style: flat !important;
  transform-style: flat !important;
  -webkit-backface-visibility: visible !important;
}

/* Appliquer à toutes les cartes un style fixe sans animation */
.netflix-carousel .netflix-row {
  display: flex !important;
  position: static !important;
}