/*
 * VOPEČBUŘT – mobilní produktová galerie R2
 *
 * Nemění desktopovou geometrii. Zajišťuje dotykové cíle, swipe hlavní fotky
 * a správnou vrstvu PhotoSwipe.
 */

body.vb-gallery-mobile-r2.single-product
.woocommerce-product-gallery
.flex-control-thumbs,
body.vb-gallery-mobile-r2.single-product
.woocommerce-product-gallery
.flex-control-thumbs li,
body.vb-gallery-mobile-r2.single-product
.woocommerce-product-gallery
.flex-control-thumbs img {
  pointer-events: auto !important;
}

body.vb-gallery-mobile-r2.single-product
.woocommerce-product-gallery
.flex-control-thumbs img {
  touch-action: manipulation;
  -webkit-user-drag: none;
  user-select: none;
  cursor: pointer;
}

body.vb-gallery-mobile-r2.single-product
.woocommerce-product-gallery.vb-mobile-r2-ready
.flex-viewport,
body.vb-gallery-mobile-r2.single-product
.woocommerce-product-gallery.vb-mobile-r2-ready
.woocommerce-product-gallery__wrapper {
  touch-action: pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

body.vb-gallery-mobile-r2.single-product
.woocommerce-product-gallery.vb-mobile-r2-ready
.woocommerce-product-gallery__image:first-child img {
  -webkit-user-drag: none;
  user-select: none;
}

/* PhotoSwipe musí překrýt sticky hlavičku webu. */
html .pswp,
body .pswp {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
}

html .pswp__bg {
  z-index: 1 !important;
}

html .pswp__scroll-wrap {
  z-index: 2 !important;
}

html .pswp__ui {
  z-index: 3 !important;
}

html .pswp__top-bar {
  top: 0 !important;
  box-sizing: border-box !important;
  min-height: calc(64px + env(safe-area-inset-top, 0px)) !important;
  padding-top: env(safe-area-inset-top, 0px) !important;
}

html .pswp__button,
html .pswp__counter {
  pointer-events: auto !important;
}

html.vb-pswp-open .vb-header,
html.vb-pswp-open .vb-topbar,
body.vb-pswp-open .vb-header,
body.vb-pswp-open .vb-topbar {
  pointer-events: none !important;
  visibility: hidden !important;
}

@supports (padding: max(0px)) {
  html .pswp__button--close {
    margin-right: max(7px, env(safe-area-inset-right, 0px)) !important;
  }

  html .pswp__button--arrow--left {
    left: max(0px, env(safe-area-inset-left, 0px)) !important;
  }

  html .pswp__button--arrow--right {
    right: max(0px, env(safe-area-inset-right, 0px)) !important;
  }
}

/* Dotyková plocha náhledů na malých telefonech. */
@media (max-width: 768px) {
  body.vb-gallery-mobile-r2.single-product
  .woocommerce-product-gallery
  .flex-control-thumbs li {
    min-height: 72px;
  }

  body.vb-gallery-mobile-r2.single-product
  .woocommerce-product-gallery
  .flex-control-thumbs img {
    min-height: 72px;
  }
}