/* ============================================================
   plomba: перегляд фото товару (PhotoSwipe 4, WooCommerce assets)
   Підключається лише на сторінці товару — inc/gallery-lightbox.php.
   Не чіпає base.css/redesign.css, тільки шар над стандартним
   pswp-скіном WooCommerce (photoswipe-default-skin).
   ============================================================ */

/* курсор-підказка «можна відкрити» на головному фото */
#list_product_image_middle a.lightbox {
	display: block;
	cursor: zoom-in;
}

/* темніший оверлей, ніж дефолтний скін WooCommerce (~.75) */
.pswp__bg {
	background: #000;
}
.pswp--open {
	background: rgba(0, 0, 0, .9);
}

/* touch-friendly кнопки: базовий скін WooCommerce вже дає ≥44x44px
   (top-bar кнопки 44x44, стрілки-хіт-área 70x100 на десктопі, на
   touch-пристроях стрілки приховані — керування свайпом) — тут лише
   трохи піднімаємо непрозорість/контраст, розміри сітки не чіпаємо,
   щоб не збити позиціонування спрайту іконок (:before з фіксованими
   офсетами всередині кнопки). */

/* лічильник «2 / 6» — трохи крупніше і контрастніше */
.pswp__counter {
	font-size: 15px;
	font-weight: 600;
	padding: 0 14px;
	opacity: .9;
}

/* прибираємо кнопки «На весь екран» / «Поділитись» — зайві для товарної
   галереї (лишаються зум, стрілки, закриття, лічильник). */
.pswp__button--fs,
.pswp__button--share {
	display: none !important;
}

/* хрестик закриття — крупніший і завжди добре видимий */
.pswp__button--close {
	opacity: .9;
}
.pswp__button--close:hover {
	opacity: 1;
}

/* мобільний: верхня панель трохи вища під палець */
@media (max-width: 600px) {
	.pswp__top-bar {
		height: 50px;
	}
}