/**
 * Equal-height cards - stretches each card in a row/carousel-slide-group
 * to match the tallest card.
 *
 * Opt-in: apply the `siku-card-equal-height` class (block Advanced >
 * Additional CSS class(es)) to the individual card wrapper.
 */

.cb-wrapper.swiper-wrapper:has(> .swiper-slide .siku-card-equal-height) {
    align-items: stretch;
}

.siku-card-equal-height {
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Columns aren't flex containers by default; establish that so the card inside can stretch. */
.wp-block-cb-slide-v2:has(.siku-card-equal-height),
.wp-block-column:has(.siku-card-equal-height) {
    display: flex;
    flex-direction: column;
    /* Swiper's own CSS hardcodes .swiper-slide{height:100%}. align-items:stretch on
       .cb-wrapper only stretches a flex item's cross-size when that item's own height
       computes to auto. */
    height: auto;
}