/* Lightbox overlay and controls */
.lightbox{
	position:fixed;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(0,0,0,0.85);
	z-index:1050;
}

.lightbox-inner{
	max-width:80%;
	max-height:80%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.lightbox-image{
	max-width:100%;
	max-height:100%;
	display:block;
	border-radius:6px;
	box-shadow:0 10px 30px rgba(0,0,0,0.6);
	user-select:none;
}

.lightbox-close,
.lightbox-prev,
.lightbox-next{
	position:fixed;
	background:transparent;
	border:0;
	color:#fff;
	font-size:28px;
	line-height:1;
	padding:8px 12px;
	cursor:pointer;
	backdrop-filter:blur(4px);
	-webkit-tap-highlight-color: transparent;
}

.lightbox-close{
	top:16px;
	right:16px;
	font-size:22px;
}

.lightbox-prev{
	left:12px;
	top:50%;
	transform:translateY(-50%);
}

.lightbox-next{
	right:12px;
	top:50%;
	transform:translateY(-50%);
}

.lightbox-close:focus,
.lightbox-prev:focus,
.lightbox-next:focus{
	outline:2px solid rgba(255,255,255,0.25);
	outline-offset:4px;
}

/* Small screens: larger controls */
@media (max-width:600px){
	.lightbox-inner{ max-width:90%; max-height:90%; }
	.lightbox-prev, .lightbox-next{ font-size:36px; padding:12px; }
	.lightbox-close{ font-size:28px; }
}

/* Optional: make gallery items indicate interactivity */
.gallery-item{ transition:transform .18s ease, box-shadow .18s ease; }
.gallery-item:hover{ transform:scale(1.02); box-shadow:0 6px 18px rgba(0,0,0,0.15); }

.gallery{
    padding: 10px;
}
.gallery img{
    border-radius: 10px;
}
.gallery-title{
	text-align: center;
	margin-bottom: 20px;
}