/* LG Video Product Grid — Frontend styles v1.1 */

/* Vidéo miniature : overlay parfait sur l'image */
video.lg-video-thumb {
    display: block;
    background: transparent;
    pointer-events: none;
}

/* Zoom léger au hover sur la miniature (via container parent) */
.thumbnail-container:hover video.lg-video-thumb,
.product-image:hover video.lg-video-thumb,
figure:hover video.lg-video-thumb {
    transform: scale(1.03);
    transition: transform 0.35s ease;
}

/* Badge "vidéo" en coin haut-droit (optionnel) */
.thumbnail-container:has(video.lg-video-thumb)::after,
.product-image:has(video.lg-video-thumb)::after {
    content: '▶';
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(0, 0, 0, 0.55);
    color: white;
    font-size: 9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
    padding-left: 2px;
    line-height: 1;
}

/* Respecter reduced-motion (accessibilité) */
@media (prefers-reduced-motion: reduce) {
    video.lg-video-thumb {
        display: none !important;
    }
}