/* Gallery Page Specifics */
.gallery-filter {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.filter-btn {
    padding: 10px 25px;
    border-radius: 50px;
    background: var(--light-bg);
    color: var(--gray-text);
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    font-size: 0.9rem;
    border: 1px solid rgba(0,0,0,0.05);
}

.filter-btn.active, .filter-btn:hover {
    background: var(--primary);
    color: var(--white);
    box-shadow: 0 10px 20px rgba(93, 142, 189, 0.2);
}

/* Enhancing the Bento Grid for more rows */
.gallery-bento {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 250px; /* Forces uniform height rows */
    gap: 20px;
}

/* Individual layout adjustments for the "Archive" look */
.item-big {
    grid-column: span 2;
    grid-row: span 2;
}

/* Mobile Gallery Fix */
@media (max-width: 992px) {
    .gallery-bento {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .gallery-filter {
        flex-wrap: wrap;
    }
    .gallery-bento {
        grid-template-columns: 1fr;
        grid-auto-rows: 200px;
    }
    .item-big {
        grid-column: span 1;
        grid-row: span 1;
    }
}