/* Sage Terminal — GLightbox overlay skin (shared by hero browser + references).
   The .anyweb-lightbox class (added on open) turns a slide into a vertically
   scrollable page so full-length screenshots are readable, not shrunk to 97vh. */

.goverlay {
	background: rgba(27, 33, 29, 0.92) !important;
}

.glightbox-clean .gslide-description {
	background: transparent;
}

.glightbox-clean .gnext,
.glightbox-clean .gprev,
.glightbox-clean .gclose {
	background: #FFFFFF !important;
	border-radius: 6px;
}

.glightbox-clean .gnext path,
.glightbox-clean .gprev path,
.glightbox-clean .gclose path {
	fill: #1B211D;
}

.glightbox-clean .gclose {
	opacity: 1;
}

/* Scrollable tall slides */
.glightbox-container.anyweb-lightbox {
	touch-action: pan-y;
}

.anyweb-lightbox .gslide.current {
	height: 100%;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	align-items: flex-start;
	scrollbar-width: thin;
	scrollbar-color: rgba(250, 250, 247, 0.4) transparent;
}

.anyweb-lightbox .gslide-inner-content {
	width: 100%;
	padding: 64px 16px 80px;
	box-sizing: border-box;
}

.anyweb-lightbox .ginner-container {
	height: auto;
	max-height: none;
	margin: 0 auto;
	width: auto;
}

.anyweb-lightbox .gslide-media {
	width: auto;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 40px 90px -50px rgba(27, 33, 29, 0.5) !important;
}

.anyweb-lightbox .gslide-image img {
	max-height: none !important;
	height: auto;
	width: auto;
	max-width: min(1100px, calc(100vw - 32px));
	object-fit: unset;
	touch-action: pan-y;
	cursor: default;
}

.anyweb-lightbox .gnext,
.anyweb-lightbox .gprev {
	position: fixed;
	top: 50% !important;
	transform: translateY(-50%);
}

.anyweb-lightbox .gclose {
	position: fixed;
}