/* =============================================================
   Product lightbox controls.

   Loaded only on single-product pages (inc/product-gallery.php).
   PhotoSwipe ships its own skin; this file does two things it cannot
   do for itself, and deliberately nothing else, so a WooCommerce
   update keeps owning the lightbox.
   ============================================================= */

/* 1. Show the zoom button.

   PhotoSwipe reveals it only under .pswp--zoom-allowed, which it sets
   while the image had to be shrunk to fit. Every product image here is
   600px and fits at exactly 1, so the class never appears and the
   button stayed hidden even though assets/js/product-gallery.js now
   allows zooming past 100%. Showing it whenever the lightbox is open
   matches what the interaction can actually do. The icon still swaps
   between in and out on .pswp--zoomed-in, which is the skin's job. */
.pswp--open .pswp__button--zoom {
	display: block;
}

/* 2. Say that the image can be grabbed.

   Panning is PhotoSwipe's, and it engages once the zoom passes the
   fitted size. Without a cursor the only way to discover it is to try,
   so the pointer changes as soon as our script marks the view zoomed. */
.emo-pswp--zoomed .pswp__img {
	cursor: grab;
}

.emo-pswp--zoomed.pswp--dragging .pswp__img {
	cursor: grabbing;
}

/* The arrows sit over a zoomed image and start competing with the pan
   gesture; keep them, but let the image win the middle of the screen. */
.emo-pswp--zoomed .pswp__button--arrow--left,
.emo-pswp--zoomed .pswp__button--arrow--right {
	opacity: 0.35;
}

.emo-pswp--zoomed .pswp__button--arrow--left:hover,
.emo-pswp--zoomed .pswp__button--arrow--right:hover {
	opacity: 0.9;
}