/*
* affichage de la lightbox
*/
/* 
    Created on : 19 déc. 2023
    Author     : webmaster
*/

::-webkit-scrollbar {
    width:7px;
}

::-webkit-scrollbar-track {
    background: #fff;
    padding:1px;
}

::-webkit-scrollbar-thumb {
    background: #9ca2b0;
    border-radius: 4px;
}

.lightbox {
    position:fixed;
    display:flex;
    align-items:center;
    justify-content: center;
    margin:auto;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.9);
    z-index:10;
    /*overflow:auto;*/
    animation:lightboxIn 0.5s;
    transition: opacity 0.3s;
}
.lightbox.fadeOut {
    opacity:0;
}

.lightbox__next,
.lightbox__prev {
    border:none;
    background: url(../images/ui/lightbox/nextWht.png) center center / 32px 32px no-repeat; /*100% 100%;*/
    width:50px;      /*32px;*/
    height:100%; /*32px; */
    position:fixed;
    top:0;
    right:0;
    margin-top: -20px;
    z-index:11;
}

.lightbox__prev {
    right:auto;
    left:0;
    transform: rotate(180deg);
}

.lightbox__close {
    border:none;
    width:32px;
    height:32px; 
    background: url(../images/ui/lightbox/croix.png) center center / 32px 32px no-repeat transparent;
    position:fixed;
    top:25px;
    right:25px;
    z-index:12;
}

.lightbox button {
    opacity:0.5;
    cursor:pointer;
    transition: 0.3s;
    text-indent:-4000px;
}

.lightbox button:hover {
    opacity:1;
}

.lightbox__container img {
    max-width: 100%;
    max-height: 90vh;
    animation:lightboxIn 0.5s;
}

.lightbox__container {
    display:flex;
    align-items:center;
    justify-content: center;
    max-width: 90vw;
    min-height:100vh;
}

.lightbox__loader {
    width : 50px;
    height : 50px;
    opacity: 0.5;
    /*background: url(../images/ui/lightbox/loader.gif) center center no-repeat;*/
}

@keyframes lightboxIn {
    from {opacity:0;}
    to {opacity:1;}
}