/* Event image grid classes for 1-6 columns */
.event-images-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}
.event-images-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}
.event-images-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.event-images-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.event-images-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}
.event-images-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
}
/* Responsive adjustments for event images grid */
@media (max-width: 1100px) {
    .event-images-6 { grid-template-columns: repeat(3, 1fr); }
    .event-images-5 { grid-template-columns: repeat(3, 1fr); }
    .event-images-4 { grid-template-columns: repeat(2, 1fr); }
    .event-images-3 { grid-template-columns: repeat(2, 1fr); }
    .event-images-2, .event-images-1 { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .event-images-6,
    .event-images-5,
    .event-images-4,
    .event-images-3,
    .event-images-2,
    .event-images-1 {
        grid-template-columns: 1fr;
    }
}

/* Lightbox */
.lightbox-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); display:flex; justify-content:center; align-items:center; z-index:9999; }
.lightbox-overlay img.lightbox-img { max-width:90%; max-height:90%; border-radius:8px; }
.lightbox-close { position:absolute; top:16px; right:24px; font-size:32px; color:#fff; cursor:pointer; }
