/* The visual viewport fills the usable screen when iPhone cannot enter native fullscreen. */
html.gmc-slideshow-open,
html.gmc-slideshow-open body { overflow: hidden !important; overscroll-behavior: none; }
html.gmc-slideshow-open .glightbox-container {
    position: fixed !important;
    top: var(--gmc-slideshow-top, 0px) !important;
    left: var(--gmc-slideshow-left, 0px) !important;
    right: auto !important; bottom: auto !important;
    width: var(--gmc-slideshow-width, 100vw) !important;
    height: var(--gmc-slideshow-height, 100dvh) !important;
    margin: 0 !important; padding: 0 !important;
    z-index: 2147483000 !important;
    background: #000 !important;
}
html.gmc-slideshow-open .glightbox-container :is(.goverlay, .gcontainer, .gslider, .gslide, .gslide-inner-content, .ginner-container) {
    width: 100% !important; height: 100% !important;
    max-width: none !important; max-height: none !important;
    margin: 0 !important; padding: 0 !important;
    background: #000 !important;
}
html.gmc-slideshow-open .glightbox-container :is(.gslide-inner-content, .ginner-container, .gslide-media, .gslide-image) {
    display: flex !important; align-items: center !important; justify-content: center !important;
}
html.gmc-slideshow-open .glightbox-container :is(.gslide-media, .gslide-image) {
    position: relative !important; inset: auto !important;
    width: var(--gmc-slideshow-width, 100vw) !important;
    height: var(--gmc-slideshow-height, 100dvh) !important;
    max-width: none !important; max-height: none !important;
    flex: 0 0 100%; background: #000 !important;
}
html.gmc-slideshow-open .glightbox-container .gslide-image img {
    display: block; width: 100% !important; height: 100% !important;
    min-width: 0 !important; min-height: 0 !important;
    max-width: 100% !important; max-height: 100% !important;
    object-fit: contain !important; object-position: center !important;
}
html.gmc-slideshow-open .glightbox-container .gslide-description {
    position: absolute; bottom: 0; left: 0; right: 0;
    max-height: 25%; overflow: auto;
}
html.gmc-slideshow-open .glightbox-container .gclose {
    top: max(10px, env(safe-area-inset-top)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
}
html.gmc-slideshow-open .glightbox-container .gprev { left: max(10px, env(safe-area-inset-left)) !important; }
html.gmc-slideshow-open .glightbox-container .gnext { right: max(10px, env(safe-area-inset-right)) !important; }
