/* Simple lightbox used by Beofantastika gallery support */

.bfk-lightbox{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.bfk-lightbox.is-open{ display:block; }

.bfk-lightbox__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.85);
}

.bfk-lightbox__wrap{
  position:absolute;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 24px;
}

.bfk-lightbox__img{
  max-width: min(1200px, 96vw);
  max-height: 86vh;
  width:auto;
  height:auto;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.65);
  border: 1px solid rgba(255,255,255,.10);
}

.bfk-lightbox__close,
.bfk-lightbox__prev,
.bfk-lightbox__next{
  position:absolute;
  top: 18px;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.40);
  color: #fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 22px;
  line-height: 1;
  user-select:none;
}

.bfk-lightbox__close{ right: 18px; }
.bfk-lightbox__prev{ left: 18px; top: 50%; transform: translateY(-50%); }
.bfk-lightbox__next{ right: 18px; top: 50%; transform: translateY(-50%); }

.bfk-lightbox__close:hover,
.bfk-lightbox__prev:hover,
.bfk-lightbox__next:hover{
  border-color: rgba(184,138,68,.55);
}

@media (max-width: 680px){
  .bfk-lightbox__wrap{ padding: 16px; }
  .bfk-lightbox__prev,
  .bfk-lightbox__next{ width: 40px; height: 40px; border-radius: 12px; }
}