/* ============================================================
   COMPONENT — Video Player
   Lecteur vidéo simple : poster cliquable → lance la vidéo avec
   les contrôles natifs. Pas de bouton play surimposé.
   Logique JS : initVideoPlayer() dans site.js (data-video-player).
   ============================================================ */

.videoPlayer {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--color-grey-2);
    overflow: hidden;
    cursor: pointer;
}

/* Variante sans vidéo (poster seulement) : pas cliquable */
.videoPlayer--noVideo {
    cursor: default;
}

.videoPlayer:focus-visible {
    outline: 2px solid var(--color-primary-cyan);
    outline-offset: 2px;
}

.videoPlayer__el,
.videoPlayer__posterOnly {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.videoPlayer__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #cfd8e3, #9faabd);
}

/* Quand la vidéo est lancée, on retire le cursor pointer */
.videoPlayer.is-playing {
    cursor: default;
}