/* BB IMAGE LIGHTBOX - BAM BAM GREEN/BLUE ONLY */
.bb-image-lightbox{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(0,5,15,.88);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.bb-image-lightbox.is-open{
    display:flex;
}

.bb-image-lightbox__backdrop{
    position:absolute;
    inset:0;
}

.bb-image-lightbox__box{
    position:relative;
    max-width:min(96vw,1500px);
    max-height:92vh;
    border:1px solid rgba(172,245,32,.34);
    border-radius:24px;
    background:rgba(5,15,30,.72);
    box-shadow:0 0 55px rgba(0,64,255,.24), inset 0 1px 0 rgba(255,255,255,.08);
    padding:14px;
}

.bb-image-lightbox__img{
    display:block;
    max-width:calc(96vw - 50px);
    max-height:calc(92vh - 90px);
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:16px;
}

.bb-image-lightbox__close{
    position:absolute !important;
    right:12px !important;
    top:12px !important;
    width:46px !important;
    height:46px !important;
    border:1px solid rgba(172,245,32,.55) !important;
    border-radius:999px !important;
    background:linear-gradient(135deg, rgba(172,245,32,.95), rgba(0,64,255,.72)) !important;
    color:#031020 !important;
    font-size:28px !important;
    line-height:40px !important;
    font-weight:1000 !important;
    cursor:pointer !important;
    text-align:center !important;
    box-shadow:0 0 24px rgba(172,245,32,.22), 0 0 30px rgba(0,64,255,.18) !important;
    text-decoration:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}

.bb-image-lightbox__close:hover,
.bb-image-lightbox__close:focus,
.bb-image-lightbox__close:active{
    background:linear-gradient(135deg, rgba(172,245,32,1), rgba(114,223,255,.88)) !important;
    color:#031020 !important;
    border-color:rgba(172,245,32,.85) !important;
    box-shadow:0 0 32px rgba(172,245,32,.36), 0 0 34px rgba(0,64,255,.24) !important;
}

.bb-image-lightbox__caption{
    margin:10px 58px 0 4px;
    color:rgba(236,250,255,.78);
    font-size:.9rem;
    font-weight:800;
    word-break:break-word;
}

body.bb-lightbox-lock{
    overflow:hidden;
}

.bb-media-center-preview img,
.bb-admin-video-preview-media img,
.bb-gal2-admin-preview img,
.bb-gal2-admin-card img{
    cursor:zoom-in;
}

/* BB LIGHTBOX CLOSE BUTTON HARD FIX */
#bbImageLightbox .bb-image-lightbox__close{
    position:absolute !important;
    top:-18px !important;
    right:-18px !important;
    left:auto !important;
    bottom:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    padding:0 !important;
    margin:0 !important;

    border-radius:999px !important;
    border:1px solid rgba(172,245,32,.75) !important;

    background:rgba(172,245,32,.96) !important;
    color:#031020 !important;

    font-size:28px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    font-family:Arial, sans-serif !important;
    text-align:center !important;
    text-indent:0 !important;

    box-shadow:
        0 0 24px rgba(172,245,32,.35),
        0 0 32px rgba(0,64,255,.22) !important;

    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    transform:none !important;
}

#bbImageLightbox .bb-image-lightbox__close:hover,
#bbImageLightbox .bb-image-lightbox__close:focus,
#bbImageLightbox .bb-image-lightbox__close:active{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    padding:0 !important;

    background:#72dfff !important;
    color:#031020 !important;
    border-color:rgba(114,223,255,.9) !important;
    box-shadow:
        0 0 26px rgba(114,223,255,.38),
        0 0 32px rgba(0,64,255,.28) !important;
}

/* BB ADMIN MEDIA PREVIEW CLICK FIX */
.bb-media-preview-link{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none !important;
    cursor:zoom-in;
}

.bb-media-preview-link img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}