/**
 * Kadence Blocks Fixes
 * Custom CSS voor betere uitlijning van Kadence kolommen
 */

/* Alleen toepassen op desktop waar kolommen naast elkaar staan */
@media (min-width: 768px) {
    /* Gelijke hoogte voor Kadence kolommen */
    .wp-block-kadence-rowlayout > .kt-row-column-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
    }

    .wp-block-kadence-rowlayout .wp-block-kadence-column {
        display: flex !important;
        flex-direction: column !important;
        align-self: stretch !important;
        flex: 1 1 0 !important; /* Gelijke breedte voor alle kolommen */
        min-width: 0 !important; /* Voorkom overflow */
    }
    
    /* Specifiek voor 3 kolommen layout - forceer gelijke verdeling */
    .wp-block-kadence-rowlayout[data-columns-xxl="3"] .wp-block-kadence-column,
    .wp-block-kadence-rowlayout .wp-block-kadence-column:nth-child(1):nth-last-child(3),
    .wp-block-kadence-rowlayout .wp-block-kadence-column:nth-child(2):nth-last-child(2),
    .wp-block-kadence-rowlayout .wp-block-kadence-column:nth-child(3):nth-last-child(1) {
        flex: 1 1 33.333% !important;
        max-width: 33.333% !important;
    }
}

/* Alleen op desktop: inner blocks gebruiken volledige hoogte */
@media (min-width: 768px) {
    /* Zorg dat inner blocks de volledige hoogte gebruiken */
    .wp-block-kadence-column > .kt-inside-inner-col {
        display: flex;
        flex-direction: column;
        flex: 1;
        height: 100%;
    }

    /* Gelijke hoogte voor kaarten/boxen in kolommen */
    .wp-block-kadence-column .wp-block-kadence-infobox,
    .wp-block-kadence-column .kb-info-box-wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* Tekst content groeit mee */
    .kb-info-box-text-wrap {
        flex: 1;
    }

    /* Buttons blijven onderaan */
    .kb-info-box-link-wrap {
        margin-top: auto;
    }
}

/* Algemene styling (alle schermformaten) */
.wp-block-kadence-column .wp-block-paragraph,
.wp-block-kadence-column .wp-block-heading {
    margin-bottom: 1em;
}

.wp-block-kadence-column > .kt-inside-inner-col > *:last-child {
    margin-bottom: 0;
}