/* Webux Lightbox - the fullscreen viewer built by assets/js/webux-lightbox.js.
   Only the overlay lives here; the click affordance on the tiles belongs to the
   block that opens it (webux/gallery, webux/property-detail). */

.webux-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(20, 18, 16, 0.92); touch-action: none; overscroll-behavior: contain; }
.webux-lightbox[hidden] { display: none; }
.webux-lightbox__stage { margin: 0; display: flex; align-items: center; justify-content: center; max-width: 100%; max-height: 100%; }
.webux-lightbox__img { max-width: min(1400px, 92vw); max-height: 86vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); background: #14120f; cursor: pointer; }
.webux-lightbox__close,
.webux-lightbox__nav { position: absolute; display: inline-flex; align-items: center; justify-content: center; border: 0; cursor: pointer; color: #1a1a1a; background: #fff; font-family: inherit; line-height: 1; padding: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); }
.webux-lightbox__close { top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 999px; font-size: 26px; }
.webux-lightbox__nav { top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 999px; font-size: 30px; }
.webux-lightbox__prev { left: 20px; }
.webux-lightbox__next { right: 20px; }
.webux-lightbox__close:hover,
.webux-lightbox__nav:hover { background: #f4efe3; }
.webux-lightbox__close:focus-visible,
.webux-lightbox__nav:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.webux-lightbox__counter { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); margin: 0; padding: 6px 14px; border-radius: 999px; background: rgba(0, 0, 0, 0.45); color: #fff; font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; }

@media (max-width: 600px) {
	.webux-lightbox { padding: 12px; }
	.webux-lightbox__nav { width: 44px; height: 44px; font-size: 26px; }
	.webux-lightbox__prev { left: 10px; }
	.webux-lightbox__next { right: 10px; }
	.webux-lightbox__close { top: 12px; right: 12px; }
	.webux-lightbox__img { max-height: 80vh; }
}