/* ==========================================================================
 * „Równa wysokość" — styl bloku dla natywnego core/gallery.
 *
 * Zdjęcia w rzędzie mają jednakową wysokość, szerokość wynika z proporcji
 * (bez przycinania). --imagine-ar (szerokość/wysokość) dopisuje do każdej
 * figury filtr render_block w imagine_blocks (includes/gallery-equal-height.php).
 *
 *   flex-grow  ∝ proporcja  → nadwyżka szerokości rozkłada się proporcjonalnie,
 *   flex-basis ∝ proporcja  → zdjęcia startują z tej samej wysokości (--row-h),
 *   więc po wypełnieniu rzędu wysokości dalej są równe. Gdy rząd się nie mieści,
 *   zdjęcie przechodzi do następnego (rząd docelowo ok. --row-h wysokości).
 *
 * Selektor z :not(#individual-image) — ta sama specyficzność, co w CSS rdzenia,
 * który ustawia figurom szerokość kolumny.
 * ========================================================================== */

.wp-block-gallery.has-nested-images.is-style-rowna-wysokosc {
    --row-h: 300px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.wp-block-gallery.has-nested-images.is-style-rowna-wysokosc figure.wp-block-image:not(#individual-image) {
    flex: var(--imagine-ar, 1) 1 calc(var(--imagine-ar, 1) * var(--row-h));
    width: auto;
    margin: 0;
}

.wp-block-gallery.has-nested-images.is-style-rowna-wysokosc figure.wp-block-image img {
    width: 100%;
    height: auto;
    object-fit: initial;
}

@media (max-width: 781px) {
    .wp-block-gallery.has-nested-images.is-style-rowna-wysokosc {
        --row-h: 110px;
    }
}

/* Edytor: filtr PHP tam nie działa (brak --imagine-ar) — podgląd przybliżony:
 * stała wysokość, szerokość z proporcji, bez rozciągania rzędu do pełnej szerokości. */
.wp-block-gallery.has-nested-images.is-style-rowna-wysokosc figure.wp-block-image:not([style*="--imagine-ar"]):not(#individual-image) {
    flex: 0 1 auto;
}

.wp-block-gallery.has-nested-images.is-style-rowna-wysokosc figure.wp-block-image:not([style*="--imagine-ar"]) img {
    width: auto;
    height: 220px;
    max-width: 100%;
    object-fit: contain;
}