/* AxessPharma — Hero média (vidéo / image) par audience.
   Chargé par l'enqueue du module Hero quand la feature est ON.
   Le wrapper remplit son conteneur parent (object-fit: cover).
*/

.ax-hero-media {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
  overflow: hidden;
  background: #01386C; /* marine — fond pendant le chargement vidéo */
}

.ax-hero-media__video,
.ax-hero-media__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Image rendue en eager : pas de transition d'opacité (évite le flash). */
.ax-hero-media--image .ax-hero-media__img { background: #01386C; }

@media (prefers-reduced-motion: reduce) {
  /* Laisse le poster s'afficher au lieu de la vidéo en autoplay si possible. */
  .ax-hero-media__video { /* le navigateur respecte déjà autoplay+muted ; rien à forcer ici */ }
}