/* ── Masonry Gallery – Front-end Styles ── */

.mgp-gallery {
    /* columns set inline per-gallery via shortcode */
}

.mgp-gallery .mgp-item {
    display: block;
    break-inside: avoid;
    overflow: hidden;
    border-radius: 4px;
    line-height: 0;
    /* margin-bottom now set inline per-gallery */
}

.mgp-gallery .mgp-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.35s ease, filter 0.35s ease;
    border-radius: 4px;
}

.mgp-gallery .mgp-item:hover img {
    transform: scale(1.04);
    filter: brightness(1.05);
}