/* 
MOBILE 
    Thumbnail 
*/
#room-page .page-background.--header {
    min-height: unset !important;
    max-height: unset !important;
    aspect-ratio: 1/1;
    opacity: 1 !important;
}
@media only screen and (min-width: 768px) {
    #room-page .page-background.--header {aspect-ratio: 3/2;}
}



/* 
DESKTOP
    Slideshow
*/
#room-page #room_p-slideshow {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100dvh;
    max-height: 100dvh;
}

#room-page .room_p-slideshow-slide {
    overflow-x: hidden;
    overflow-y: auto;
}
#room-page .room_p-slideshow-slide.--left {top: 0; right: 50%; bottom: 0; left: 0;}
#room-page .room_p-slideshow-slide.--right {top: 0; right: 0; bottom: 0; left: 50%;}

#room-page .room_p-slideshow-pic {
    width: 100%;
    height: 100dvh;
}

#room-page .room_p-slideshow-slide .--split img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#room-page .room_p-slideshow-slide .--full img {
    width: 200%;
    height: 100%;
    top: 50%;
    object-fit: cover;
}

#room-page .room_p-slideshow-slide.--left .--full img {left: 100%; transform: translate(-50%, -50%);}
#room-page .room_p-slideshow-slide.--right .--full img {right: 100%; transform: translate(50%, -50%);}


#room-page #room_p-slideshow .--panels button {top: 0; bottom: 0;}
#room-page #room_p-slideshow .--panels .--prev {left: 0; right: 50%; cursor: w-resize !important;}
#room-page #room_p-slideshow .--panels .--next {right: 0; left: 50%; cursor: e-resize !important;}



/* 
MAIN
*/
#room-page #room_p-main {
    position: relative;
    z-index: 5;
}

/* Text */
#room-page #room_p-main .--text {
    border-radius: 1rem 1rem 0 0;
    transform: translateY(-1rem);
    padding: var(--size);
}
#room-page #room_p-main .--information {margin: .4em 0 .5em;}

#room-page #room_p-main .--description .--bullet span {
    display: block;
    min-width: 1.5rem;
}

@media only screen and (min-width: 768px) {
    #room-page #room_p-main .--text {
        position: sticky;
        top: var(--header_height);
        padding: var(--size);
        transform: unset;
        border-radius: 0;
        transition: top 250ms ease-in-out;
    }
}

@media only screen and (min-width: 1096px) {
    #room-page #room_p-main {
        position: relative;
        margin-top: 100dvh;
    }
        
    #room-page #room_p-main .--information {
        margin: .5em 0;
    }

    #room-page #room_p-main .--text {
        position: relative;
        top: unset;
        padding-bottom: var(--pad_bottom);
    }
}




/* 
POPUP
*/
simultem-ibe-popup {
    position: relative;
    scale: 1.5;
    transform-origin: top right;
    z-index: 500;
}