/* =========================================
           HOTEL CUSTOM LIGHTBOX
           ========================================= */

        .hotel-custom-lightbox {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.88);
            z-index: 999999;
            display: none;
            align-items: center;
            justify-content: center;
        }

        .hotel-custom-lightbox.is-open {
            display: flex;
        }

        .hotel-lightbox-content {
            position: relative;
            width: calc(100% - 160px);
            height: calc(100% - 60px);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hotel-lightbox-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
            user-select: none;
            -webkit-user-drag: none;
        }


        /* =========================================
           LIJEVA STRELICA
           ========================================= */

        .hotel-lightbox-prev,
        .hotel-lightbox-next {

            position: fixed;

            top: 50%;
            transform: translateY(-50%);

            width: 70px;
            height: 100px;

            border: 0;
            padding: 0;

            background: transparent !important;

            color: #ffffff !important;

            font-family: Arial, Helvetica, sans-serif;

            font-size: 60px;
            font-weight: 200;
            line-height: 1;

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

            cursor: pointer;

            z-index: 1000001;

            opacity: 0.9;

            transition:
                opacity 0.2s ease,
                transform 0.2s ease;
        }


        .hotel-lightbox-prev {
            left: 25px;
        }

        .hotel-lightbox-next {
            right: 25px;
        }


        .hotel-lightbox-prev:hover,
        .hotel-lightbox-next:hover {

            opacity: 1;

        }


        /* =========================================
           CLOSE
           ========================================= */

        .hotel-lightbox-close {

            position: fixed;

            top: 20px;
            right: 25px;

            width: 45px;
            height: 45px;

            border: 0;

            background: transparent !important;

            color: #ffffff !important;

            font-family: Arial, Helvetica, sans-serif;

            font-size: 42px;
            font-weight: 200;

            line-height: 1;

            cursor: pointer;

            z-index: 1000002;

            opacity: 0.9;

        }

        .hotel-lightbox-close:hover {
            opacity: 1;
        }


        /* =========================================
           MOBILE
           ========================================= */

        @media (max-width: 767px) {

            .hotel-lightbox-content {

                width: calc(100% - 70px);
                height: calc(100% - 100px);

            }

            .hotel-lightbox-prev,
            .hotel-lightbox-next {

                width: 45px;
                height: 70px;

                font-size: 50px;

            }

            .hotel-lightbox-prev {
                left: 2px;
            }

            .hotel-lightbox-next {
                right: 2px;
            }

            .hotel-lightbox-close {

                top: 10px;
                right: 10px;

                font-size: 36px;

            }

        }