/* Vidéos dans la galerie produit — Sauna-Hammam.fr · Prestalead */

/* Slide vidéo : l'image d'attente donne la taille, la vidéo se superpose */
.sh-gallery__slide--video {
    position: relative;
}

.sh-gallery__slide--video .sh-gallery__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}

/* Bouton lecture (visible tant que la vidéo ne joue pas) */
.sh-gallery__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    background: rgba(13, 57, 64, .8);
    color: #fff;
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: opacity .2s;
}

.sh-gallery__play svg,
.sh-gallery__thumb-badge svg {
    display: block;
}

.sh-gallery__play svg {
    width: 24px;
    height: 24px;
    margin-left: 3px;
}

.sh-gallery__play svg path,
.sh-gallery__thumb-badge svg path {
    fill: currentColor;
    stroke: none;
}

.sh-gallery__slide--video.is-playing .sh-gallery__play {
    opacity: 0;
    pointer-events: none;
}

/* Miniature vidéo : petit pictogramme lecture */
.sh-gallery__thumb--video {
    position: relative;
}

.sh-gallery__thumb-badge {
    position: absolute;
    right: 4px;
    bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(13, 57, 64, .85);
    color: #fff;
    pointer-events: none;
}

.sh-gallery__thumb-badge svg {
    width: 9px;
    height: 9px;
    margin-left: 1px;
}

/* Plein écran : la vidéo remplace l'image d'attente */
.sh-lb__slide--video {
    position: relative;
}

.sh-lb__slide--video img {
    visibility: hidden;
}

.sh-lb__slide--video .sh-lb__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}