/* ===========================
   PixBooth — Gallery CSS
   Styles specific to the live gallery
   =========================== */

.gallery-grid {
    column-fill: balance;
}

.gallery-item {
    break-inside: avoid;
    margin-bottom: 1rem;
    animation: fadeIn 0.5s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.gallery-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}