/* swipebox-ux-fix.css
   Galerie (Swipebox lightbox): velké klikací zóny + šipky uprostřed.
   Nezasahuje do Bootstrap sliderů.
*/

#swipebox-prev,
#swipebox-next{
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0;              /* zóna je neviditelná, šipky kreslí ::after */
  background: none !important;
  z-index: 9999;
}

#swipebox-prev{ left: 0; cursor: w-resize; }
#swipebox-next{ right: 0; cursor: e-resize; }

/* šipky – čistě CSS (bez obrázků) */
#swipebox-prev::after,
#swipebox-next::after{
  content:"";
  position:absolute;
  top:50%;
  width:22px;
  height:22px;
  opacity:.95;
  border:4px solid rgba(255,255,255,.95);
  border-top:0;
  border-right:0;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.55));
  pointer-events:none; /* klik chytá zóna, ne šipka */
}

/* doleva */
#swipebox-prev::after{
  left:28px;
  transform:translateY(-50%) rotate(45deg);
}

/* doprava */
#swipebox-next::after{
  right:28px;
  transform:translateY(-50%) rotate(225deg);
}