/**
 * Shop page video hover styles
 */

.rv-video-container {
	position: relative !important;
	overflow: hidden !important;
	display: inline-block !important;
	width: 100% !important;
	line-height: 0 !important; /* Remove extra spacing */
}

/* Ensure container matches image dimensions exactly */
.rv-video-container img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
}

.rv-video-overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	opacity: 0 !important;
	transition: opacity 0.5s ease !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

.rv-video-overlay.show {
	opacity: 1 !important;
}

/* Mobile optimizations */
@media (max-width: 768px) {
	/* Reduce transition time on mobile for better performance */
	.rv-video-overlay {
		transition: opacity 0.3s ease !important;
	}

	/* Ensure touch targets are adequate */
	.rv-video-container {
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
	.rv-video-overlay {
		transition: none !important;
	}
}