/*
 * Listing page styles for jsvideogallery
 *
 * These styles ensure the video overlay covers the entire thumbnail and
 * fades in smoothly on hover. They also hide Warehouse's second image
 * (used for hover effects) when a video is present to prevent conflicts.
 */

/* Hide the second thumbnail image when a video exists */
.jsvg-has-video img.product-thumbnail-second {
  display: none !important;
}

/* Video overlay styles (position, fade) are set via JS inline styles. */
.jsvg-has-video:hover .jsvg-video-thumb {
  opacity: 1;
}