/* lightbox.css — self-hosted replacement for Weebly's bundled fancybox */

.jl-overlay {
	position: fixed; inset: 0; z-index: 1000;
	background: rgba(0,0,0,0.9);
	display: flex; align-items: center; justify-content: center;
	padding: 40px 20px;
}
.jl-overlay[hidden] { display: none; }
.jl-img {
	max-width: 100%; max-height: 100%; display: block;
	box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}
.jl-close, .jl-prev, .jl-next {
	position: fixed; background: rgba(0,0,0,0.4); color: #fff; border: none;
	font-size: 22px; line-height: 1; cursor: pointer; border-radius: 50%;
	width: 44px; height: 44px;
}
.jl-close { top: 18px; right: 18px; font-size: 26px; }
.jl-prev { left: 18px; top: 50%; transform: translateY(-50%); }
.jl-next { right: 18px; top: 50%; transform: translateY(-50%); }
.jl-close:hover, .jl-prev:hover, .jl-next:hover { background: rgba(0,0,0,0.7); }
.jl-count {
	position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%);
	color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; opacity: .8;
}