/* limit the logo height inside the navbar */
.navbar-logo {
    max-height: 64px;
    height: auto;
    width: auto;
    object-fit: contain;
}

/* Base gallery grid */
.gallery-grid {
    display: grid;
    grid-auto-flow: dense;  /* Try to pack items nicely */
    gap: 1.5rem;
}

/* Mobile: 1 column */
@media (max-width: 767.98px) {
    .gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 991.98px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop: 4-column grid, spans controlled by weight */
@media (min-width: 992px) {
    .gallery-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .span-1 { grid-column: span 1; }
    .span-2 { grid-column: span 2; }
    .span-3 { grid-column: span 3; }
    .span-4 { grid-column: span 4; }
}

.site-links a {
    color: white;
    text-decoration: none;
}

.site-address a {
    color: white;
    text-decoration: none;
}