/*
 * Block: Image Collage
 * Mosaic grid of photos on dark background
 */

.image-collage {
    overflow-x: auto;
}

.image-collage.is-overflowing {
    cursor: grab;
}

.image-collage.is-dragging {
    cursor: grabbing;
}

/* ============================================
   Grid Container — 5 columns × 9 rows
   ============================================ */

.image-collage__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* grid-template-rows set inline via PHP based on image count */
    gap: var(--space-xs);
    aspect-ratio: 16 / 9;
    min-width: 1000px;
}

/* ============================================
   Image Item — placement set inline via PHP
   ============================================ */

.image-collage__item {
    margin: 0;
    overflow: hidden;
    min-height: 0;
}

.image-collage__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}