/* =====================================
   Dog Media Tools - Lightbox
===================================== */


/* Overlay */
.dmt-lightbox-overlay {

    position: fixed;
    inset: 0;

    background: rgba(0,0,0,.92);

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

    opacity: 0;
    visibility: hidden;

    transition: opacity .25s ease;

    z-index: 999999;

}


/* Aktivní lightbox */
.dmt-lightbox-overlay.active {

    opacity: 1;
    visibility: visible;

}


/* Obrázek */
.dmt-lightbox-image {

    max-width:90vw;
    max-height:90vh;

    object-fit:contain;

    opacity:1;

    transition:opacity .25s ease;

}



/* =====================================
   Společné nastavení tlačítek
===================================== */


.dmt-lightbox-prev,
.dmt-lightbox-next,
.dmt-lightbox-close {

    position: absolute;

    background: transparent !important;
    background-image: none !important;

    border: none !important;

    outline: none !important;

    box-shadow: none !important;

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

    color: #fff !important;

    cursor: pointer;

    font-family: Arial, sans-serif;

    font-size: 42px;

    line-height: 1;

    width: 60px;
    height: 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    appearance: none;
    -webkit-appearance: none;

    user-select: none;
	opacity: .75;

transition: opacity .25s ease, transform .25s ease;

}



/* =====================================
   Šipky
===================================== */


.dmt-lightbox-prev {

    left: 25px;

    top: 50%;

    transform: translateY(-50%);

}



.dmt-lightbox-next {

    right: 25px;

    top: 50%;

    transform: translateY(-50%);

}



/* =====================================
   Zavírací křížek
===================================== */


.dmt-lightbox-close {

    top: 20px;

    right: 30px;

}



/* =====================================
   Hover
===================================== */


.dmt-lightbox-prev:hover,
.dmt-lightbox-next:hover,
.dmt-lightbox-close:hover {

    background: transparent !important;

    color: #fff !important;

    opacity: .75;

}



/* =====================================
   Mobil
===================================== */


@media (max-width: 768px) {


    .dmt-lightbox-image {

        max-width: 95vw;

        max-height: 85vh;

    }


    .dmt-lightbox-prev,
    .dmt-lightbox-next {

        width: 50px;
        height: 50px;

        font-size: 42px;

    }


    .dmt-lightbox-prev {

        left: 10px;

    }


    .dmt-lightbox-next {

        right: 10px;

    }


    .dmt-lightbox-close {

        top: 10px;

        right: 15px;

        font-size: 36px;

    }


}

/* =====================================
   Play auto - stop
===================================== */

.dmt-lightbox-play {

    position:absolute;

    bottom:25px;
    right:30px;

    width:45px;
    height:45px;

    background:transparent !important;

    border:none !important;

    color:white !important;

    font-size:22px;

    cursor:pointer;

    opacity:.75;

    transition:opacity .25s ease;

}


.dmt-lightbox-play:hover {

    opacity:1;

}

.dmt-pause-icon {
    display:flex;
    gap:6px;
    justify-content:center;
    align-items:center;
}

.dmt-pause-icon::before,
.dmt-pause-icon::after {

    content:"";

    display:block;

    width:4px;
    height:20px;

    background:#fff;

    border-radius:2px;

}


/* =====================================
   Zákaz scrollování stránky při otevření
===================================== */


body.dmt-lightbox-open {

    overflow: hidden;

}