/**
 * STALKING — estilos auxiliares para PhotoSwipe v5 en ficha de producto.
 * No tocar core ni tema padre. Sólo lo necesario para feedback visual.
 */

/* EasyZoom clona la imagen en .easyzoom-flyout encima de la galería y roba el clic */
.st_image_scrolling_wrap .easyzoom-flyout,
.pro_gallery_top .easyzoom-flyout,
.pro_gallery_kk .easyzoom-flyout {
  pointer-events: none;
}

/* Cursor de zoom en cualquier galería principal de la ficha (solo puntero fino) */
@media (hover: hover) and (pointer: fine) {
  .pro_gallery_top img.pro_gallery_item[data-pswp-src],
  .st_image_scrolling_wrap img.pro_gallery_item[data-pswp-src],
  .pro_gallery_kk img.pro_gallery_kk_item[data-pswp-src] {
    cursor: zoom-in;
  }
}

/* Bloquea el scroll del body cuando PhotoSwipe está abierto (refuerzo) */
.pswp--open {
  overscroll-behavior: contain;
}

/* Marca de agua "Verificado" sobre la imagen ampliada */
.stk-pswp-verified {
  position: absolute;
  pointer-events: none;
  top: 12px;
  left: 12px;
  width: clamp(64px, 12vw, 120px);
  height: auto;
  opacity: 0.85;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
  z-index: 1;
}

/* Pista discreta de uso (se oculta al ampliar) */
.pswp__stk-hint {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 999px;
  pointer-events: none;
  user-select: none;
  letter-spacing: 0.2px;
  opacity: 0.9;
  transition: opacity 0.25s ease;
  z-index: 1;
}

.pswp__stk-hint.is-hidden {
  opacity: 0;
}

/* Pequeño ajuste estético: contador y botones más legibles sobre fondo oscuro */
.pswp__button {
  opacity: 0.9;
}

.pswp__counter {
  font-variant-numeric: tabular-nums;
}