/**
 * Lumina Theme — gallery-masonry.css
 * Masonry Grid для core/gallery с классом .is-style-lumina-masonry
 *
 * Фиксированная ширина колонок, высота ячеек подстраивается
 * под соотношение сторон изображения (Pinterest-стиль).
 *
 * Реализация через CSS columns — нативная, без JS.
 */

.wp-block-gallery.is-style-lumina-masonry {
    display: block !important;  /* отключаем flex/grid WP */
    columns: 3;
    column-gap: var(--wp--preset--spacing--xs);
}

.wp-block-gallery.is-style-lumina-masonry figure,
.wp-block-gallery.is-style-lumina-masonry li {
    display: block;
    break-inside: avoid;
    margin: 0 0 var(--wp--preset--spacing--xs);
    overflow: hidden;
}

.wp-block-gallery.is-style-lumina-masonry figure img,
.wp-block-gallery.is-style-lumina-masonry li img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.wp-block-gallery.is-style-lumina-masonry figure:hover img,
.wp-block-gallery.is-style-lumina-masonry li:hover img {
    transform: scale(1.02);
}

/* Подпись */
.wp-block-gallery.is-style-lumina-masonry figcaption {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--contrast-3);
    padding: var(--wp--preset--spacing--xs) 0;
    text-align: center;
}

/* ── Адаптив ─────────────────────────────────────────────────────────────── */

@media ( max-width: 1024px ) {
    .wp-block-gallery.is-style-lumina-masonry {
        columns: 2;
    }
}

@media ( max-width: 600px ) {
    .wp-block-gallery.is-style-lumina-masonry {
        columns: 1;
    }
}