/* ── Editor sidebar layout panel ── */
.mgb-layout-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(117, 117, 117);
    margin-bottom: 8px;
}

/* ── Block output ── */
.menu-group-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 16px !important;
}

/* align-items */
.menu-group-block.is-vertically-aligned-top    { align-items: flex-start; }
.menu-group-block.is-vertically-aligned-center { align-items: center;     }
.menu-group-block.is-vertically-aligned-bottom { align-items: flex-end;   }

/* ── Editor wrappers ── */
/* .block-editor-inner-blocks just fills the row width */
.menu-group-block > .block-editor-inner-blocks {
    flex: 1;
    min-width: 0;
}

/* .block-editor-block-list__layout is the real flex row in the editor */
.menu-group-block > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    align-items: flex-start;
}

/* Propagate vertical alignment into the editor's flex row */
.menu-group-block.is-vertically-aligned-top    > .block-editor-inner-blocks > .block-editor-block-list__layout { align-items: flex-start; }
.menu-group-block.is-vertically-aligned-center > .block-editor-inner-blocks > .block-editor-block-list__layout { align-items: center;     }
.menu-group-block.is-vertically-aligned-bottom > .block-editor-inner-blocks > .block-editor-block-list__layout { align-items: flex-end;   }

/* Each menu-item outer wrapper grows equally — no align-self so the parent's align-items applies */
.menu-group-block > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-block] {
    flex: 1 1 0%;
    min-width: 0;
}

/* Kill WP's default margin:auto / max-width on inner blocks */
.menu-group-block > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}