/**
 * Product Gallery — Thumbnail zoom overlay (desktop only)
 * Shows Blocksy's native expand icon on hover over each thumbnail.
 * Clicking opens Blocksy's native lightbox at that image.
 *
 * @see ClickUp Task: 86ewyqwvb
 */

@media (min-width: 690px) {
	.single-product .woocommerce-product-gallery .flexy-pills ol li {
		position: relative;
		cursor: crosshair;
		overflow: hidden;
	}

	/* Inner zoom overlay — positioned via JS on mousemove */
	.single-product .woocommerce-product-gallery .flexy-pills ol li .thumb-inner-zoom {
		position: absolute;
		inset: 0;
		background-repeat: no-repeat;
		background-size: 250%;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease;
		z-index: 1;
	}

	.single-product .woocommerce-product-gallery .flexy-pills ol li:hover .thumb-inner-zoom {
		opacity: 1;
	}

	.single-product .woocommerce-product-gallery .flexy-pills ol li .gallery-thumb-zoom {
		position: absolute;
		top: 8px;
		right: 8px;
		z-index: 5;
		width: 28px;
		height: 28px;
		border-radius: 100%;
		background: var(--lightbox-button-background-color, #fff);
		opacity: 0;
		transition: opacity 0.2s ease;
		pointer-events: none;
	}

	.single-product .woocommerce-product-gallery .flexy-pills ol li:hover .gallery-thumb-zoom {
		opacity: 1;
		pointer-events: auto;
		cursor: pointer;
	}

	.single-product .woocommerce-product-gallery .flexy-pills ol li .gallery-thumb-zoom::before {
		position: absolute;
		inset: 0;
		content: "";
		background-color: var(--lightbox-button-icon-color, var(--theme-text-color));
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M14 12a2 2 0 0 0-2 2v3h1.5v-3a.5.5 0 0 1 .5-.5h3V12h-3Zm3 14.5h-3a.5.5 0 0 1-.5-.5v-3H12v3a2 2 0 0 0 2 2h3v-1.5Zm6 1.5v-1.5h3a.5.5 0 0 0 .5-.5v-3H28v3a2 2 0 0 1-2 2h-3Zm3-16a2 2 0 0 1 2 2v3h-1.5v-3a.5.5 0 0 0-.5-.5h-3V12h3Z'/%3E%3C/svg%3E") no-repeat center / contain;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M14 12a2 2 0 0 0-2 2v3h1.5v-3a.5.5 0 0 1 .5-.5h3V12h-3Zm3 14.5h-3a.5.5 0 0 1-.5-.5v-3H12v3a2 2 0 0 0 2 2h3v-1.5Zm6 1.5v-1.5h3a.5.5 0 0 0 .5-.5v-3H28v3a2 2 0 0 1-2 2h-3Zm3-16a2 2 0 0 1 2 2v3h-1.5v-3a.5.5 0 0 0-.5-.5h-3V12h3Z'/%3E%3C/svg%3E") no-repeat center / contain;
	}

	.single-product .woocommerce-product-gallery .flexy-pills ol li:hover .gallery-thumb-zoom:hover {
		background: var(--lightbox-button-hover-background-color, var(--theme-palette-color-1));
	}

	.single-product .woocommerce-product-gallery .flexy-pills ol li:hover .gallery-thumb-zoom:hover::before {
		background-color: var(--lightbox-button-icon-hover-color, #fff);
	}
}