/* Product gallery UX overrides: no hover-zoom, no magnifying-glass icon (click image instead). */

/* Hide whichever zoom flyout ends up active - WooCommerce's own zoom.js uses .zoomImg, Salient's
   EasyZoom fallback (used when zoom.js isn't loaded) uses .easyzoom-flyout. Covers it regardless
   of which one actually initializes. */
.woocommerce-product-gallery .zoomImg,
.woocommerce-product-gallery .easyzoom-flyout {
	display: none !important;
}

.woocommerce-product-gallery__trigger {
	display: none !important;
}

.woocommerce-product-gallery__image {
	cursor: pointer;
}

/* New lightbox toolbar buttons: zoom in / zoom out / download, sized to match PhotoSwipe's
   existing 44x44 icon buttons (e.g. .pswp__button--fs). The base rule (button.pswp__button, in
   WooCommerce's own photoswipe.css) sets a sprite background with !important - since it's a
   tag+class selector, it out-specifies a plain single-class selector even with !important on both
   (specificity is compared first; !important on both sides only falls back to source order when
   specificity ties). Prefixing with .pswp__ui adds a second class, giving these two classes
   against their one class + one tag, which wins the specificity comparison outright. */
.pswp__ui .pswp__button--ew-zoom-in,
.pswp__ui .pswp__button--ew-zoom-out,
.pswp__ui .pswp__button--ew-download {
	background-image: none !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	opacity: 0.75;
}
.pswp__ui .pswp__button--ew-zoom-in:hover,
.pswp__ui .pswp__button--ew-zoom-out:hover,
.pswp__ui .pswp__button--ew-download:hover {
	opacity: 1;
}
.pswp__ui .pswp__button--ew-zoom-in {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='21' y1='21' x2='15' y2='15'/%3E%3Cline x1='10' y1='7' x2='10' y2='13'/%3E%3Cline x1='7' y1='10' x2='13' y2='10'/%3E%3C/svg%3E") !important;
}
.pswp__ui .pswp__button--ew-zoom-out {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='21' y1='21' x2='15' y2='15'/%3E%3Cline x1='7' y1='10' x2='13' y2='10'/%3E%3C/svg%3E") !important;
}
.pswp__ui .pswp__button--ew-download {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E") !important;
}