/* Temas deste componente. Os VARs PHP são resolvidos no rebuild. */
:root, [data-theme="light"] {
    --site-lightbox-bg-color: #ffffff;
    --site-lightbox-color-border-ffffff: #ffffff;
    --site-lightbox-color-surface-000000: #000000;
    --site-lightbox-color-surface-111111: #111111;
    --site-lightbox-color-surface-ffffff: var(--site-lightbox-bg-color);
    --site-lightbox-color-text-ffffff: #ffffff;
}

[data-theme="dark"] {
    --site-lightbox-bg-color: #151a23;
    --site-lightbox-color-border-ffffff: #465369;
    --site-lightbox-color-surface-ffffff: var(--site-lightbox-bg-color);
}

/* Camadas: avisos 80, controles flutuantes 90, barra mobile 100, menu mobile 150, galeria 200. */
.glightbox-container { z-index: 200 !important; }
.glightbox-container .gbtn:focus-visible { outline: 3px solid var(--site-lightbox-color-border-ffffff); outline-offset: 3px; }
.glightbox-container .gprev, .glightbox-container .gnext { top: calc(50% - 25px); }
@media (max-width: 767px) {
    .glightbox-container .gprev { left: 8px; }
    .glightbox-container .gnext { right: 8px; }
}
.glightbox-container .gslide-title { margin: 0; color: var(--site-lightbox-color-text-ffffff); font-size: 15px; font-weight: normal; }
.glightbox-container .gslide-description { padding: 12px 16px; background: var(--site-lightbox-color-surface-111111); color: var(--site-lightbox-color-text-ffffff); }
.glightbox-container .gdesc-inner { padding: 0; }
.site-lightbox-video { --site-video-width: min(960px, 90vw, calc(75dvh * 16 / 9)); --site-video-height: min(540px, 75dvh, calc(90vw * 9 / 16)); }
.site-lightbox-video--vertical { --site-video-width: min(420px, 80vw, calc(75dvh * 420 / 746)); --site-video-height: min(746px, 75dvh, calc(80vw * 746 / 420)); }
.site-lightbox-video .ginner-container { height: auto !important; max-width: var(--site-video-width) !important; }
.site-lightbox-video .gslide-external { height: var(--site-video-height); max-height: none; overflow: hidden; background: var(--site-lightbox-color-surface-000000); }
.site-lightbox-video iframe { width: 100%; height: 100%; border: 0; }
.site-lightbox-panorama .ginner-container { width: min(1200px, 96vw); max-width: min(1200px, 96vw) !important; height: min(740px, 88dvh) !important; }
.site-lightbox-panorama .gslide-external { height: 100%; max-height: none; overflow: hidden; background: var(--site-lightbox-color-surface-111111); }
.site-lightbox-panorama iframe { width: 100%; height: 100%; border: 0; }
.site-panorama-modal .gprev, .site-panorama-modal .gnext { display: none; }
.site-lightbox-map .ginner-container { width: min(1200px, 96vw); max-width: min(1200px, 96vw) !important; height: auto !important; }
.site-lightbox-map .gslide-external { height: min(700px, 80dvh); max-height: none; overflow: hidden; background: var(--site-lightbox-color-surface-ffffff); }
.site-lightbox-map iframe { width: 100%; height: 100%; border: 0; }
.site-map-modal .gprev, .site-map-modal .gnext { display: none; }