/* ////// Columns ////// */
body .wp-block-columns {
    flex-wrap: wrap!important;
}
.slate-columns-block-wrapper {
    /* shorthand: name / type */
    container: column-container / inline-size;
    width: 100%;
    display: flex;
}

/* --- 1 column layout --- */
.wp-block-columns > .wp-block-column  {
    flex: 1 0 100%;
}

/* --- 2 column layout --- */
@container column-container (min-width:600px) {
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile):not(.num-columns-1) > .wp-block-column,    
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile):not(.num-columns-1) > .wp-block-column {
        flex-grow: 1;
        flex-basis: 34% !important;
    }
}

/* --- 3 column layout --- */
@container column-container (min-width:850px) {
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-6 > .wp-block-column,
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-5 > .wp-block-column,
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-3 > .wp-block-column,
    
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-6 > .wp-block-column,
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-5 > .wp-block-column,
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-3 > .wp-block-column {
        flex-grow: 1;
        flex-basis: 26% !important;
    }
    /* .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-3 > .wp-block-column  {
        flex: 1 0 0%;
    } */
}

/* --- 4 column layout --- */
@container column-container (min-width:1000px) {
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-4 > .wp-block-column,
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-6 > .wp-block-column,
    
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-4 > .wp-block-column,
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-6 > .wp-block-column{
        flex-grow: 1;
        flex-basis: 21% !important;
    }
    /* .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-4 > .wp-block-column {
        flex: 1 0 0%;
    } */
}

/* --- 5 column layout --- */
@container column-container (min-width:1250px) {
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-5 > .wp-block-column,
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-5 > .wp-block-column {
        flex-grow: 1;
        flex-basis: 1% !important;
    }
}

/* --- 6 column layout --- */
@container column-container (min-width:1500px) {
    body.slate .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-6 > .wp-block-column,
    .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile).num-columns-6 > .wp-block-column {
        flex-grow: 1;
        flex-basis: 1% !important;
    }
}