/* MASONRY STYLES */

.gallery-item {
    overflow: hidden;
    max-height: 80vh; 
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 1. Remove white background and force description UNDER image */
.spl-pane .spl-description {
    background: transparent !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 1.1rem;
    padding: 20px 10px 100px 10px !important; /* Extra bottom padding for thumbs */
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* 2. Deep Black Background */
.spl-canvas {
    background-color: #000 !important;
}

/* 3. Ensure Thumbnails are visible and styled */
.spl-footer {
    background: rgba(0, 0, 0, 0.8) !important;
}