/**
 * Styles spécifiques pour les vidéos en autoplay
 */

.autoplay-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Pour les vidéos distantes (embed) */
.autoplay-video iframe {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
}

/* Cacher les contrôles natifs si l'attribut ne fonctionne pas */
video::-webkit-media-controls,
.autoplay-video video::-webkit-media-controls {
  display: none !important;
}

video::-webkit-media-controls-enclosure,
.autoplay-video video::-webkit-media-controls-enclosure {
  display: none !important;
}

/* Assurer que la vidéo remplit bien son conteneur */
.video-container, .video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Styles spécifiques pour les types de héro */
.hero_full .video-container {
  position: absolute;
  inset: 0;
  border-radius: 1rem;
}

.hero_boxed .video-container {
  border-radius: 0.5rem;
}

.hero_2col .video-container {
  position: absolute;
  inset: 0;
  border-radius: 1rem;
}

/* Les styles du bouton sont maintenant injectés directement via JavaScript 
   dans le fichier js/video-controls.js */