/**
 * Prynt Forge Hover Videos — frontend styles.
 *
 * @package PryntForgeHoverVideos
 */

li.product:has( .pfhv-hover-video ) a.woocommerce-loop-image-link,
li.product:has( .pfhv-hover-video ) a.woocommerce-LoopProduct-link,
li.product:has( .pfhv-hover-video ) a:has( .pfhv-hover-video ),
.wc-block-components-product-image:has( .pfhv-hover-video ) a {
	position: relative;
	display: block;
}

.pfhv-hover-video {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
	pointer-events: none;
	z-index: 2;
}

li.product.pfhv-is-hovering .pfhv-hover-video,
li.wc-block-product.pfhv-is-hovering .pfhv-hover-video {
	display: block;
}

li.product.pfhv-is-hovering .woocommerce-loop-image-link > img,
li.product.pfhv-is-hovering .woocommerce-LoopProduct-link > img,
li.product.pfhv-is-hovering .pfhv-loop-image,
li.wc-block-product.pfhv-is-hovering .wc-block-components-product-image img {
	visibility: hidden;
}