figure.wp-block-image img, .wp-block-gallery img {
  cursor:pointer;
}

.benc-lb-backdrop{
  position:fixed; inset:0;

  display:flex;
  align-items:center;
  justify-content:center;
  z-index:999999;
  padding:24px;
    background:rgba(0,0,0,0);
  pointer-events:none;
  opacity:0;
  transition:.5s;
}
.benc-lb-backdrop.is-open{
  pointer-events:auto;
  opacity:1;
    background:rgba(0,0,0,.85);
  backdrop-filter:blur(20px);
}

.benc-lb-modal{
  max-width:min(1100px, 96vw);
  max-height:90vh;
  position:relative;
  opacity:0;
  transform:scale(.4);
  transition:.4s .2s;
}

.is-open .benc-lb-modal {
    transform:scale(1);
    opacity:1;
  }
.benc-lb-img{
  display:block;
  max-width:100%;
  max-height:90vh;
  width:auto;
  height:auto;
  border-radius:8px;
}

.benc-lb-close{
  position:absolute;
  top:14px; right:14px;
  width:36px; height:36px;
  border:0;
  background:transparent;
  color:white;
  cursor:pointer;
  line-height:36px;
  border:0px solid transparent;
  outline:none;
  font-size:28px;
  text-align:center;
}

/* NEW: arrows */
.benc-lb-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border:0;
  border-radius:999px;
  cursor:pointer;
  font-size:0px;
  width:44px;
  aspect-ratio:1;
  background:var(--lightgray);
  border-radius:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.3s !important;
}
.benc-lb-arrow:after {
  content:" ";
  width:60%;
  height:60%;
  background:black;
  display:block;
  mask-image:url('img/arrow_right.png');
  mask-size:100%;
  mask-position:center;
  mask-repeat:no-repeat;
  transition:.3s;
}

.benc-lb-prev{ left:-22px; transform:rotate(180deg) translateY(50%); }
.benc-lb-next{ right:-22px; }

  .benc-lb-arrow:hover {
    background-color:var(--orange);
  }
  .benc-lb-arrow:hover:after {
    background:var(--lightgray);
  }

  .benc-lb-arrow:active {
    width:38px;
  }

/* On small screens keep arrows inside */
@media (max-width: 720px){
  .benc-lb-arrow {
    width:34px;
  }
  .benc-lb-prev{ left:-18px; }
  .benc-lb-next{ right:-18px; }
}

/* Optional: hide arrows when disabled */
.benc-lb-arrow[disabled]{
  opacity:0.35;
  cursor:not-allowed;
}
