/* Block Grid layout — required for Umbraco 13 Block Grid frontend rendering */

.umb-block-grid {
    --umb-block-grid--grid-columns: 12;
}

/* Outer grid container: sets up the CSS Grid */
.umb-block-grid__layout-container {
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 12), 1fr);
    column-gap: var(--umb-block-grid--column-gap, 30px);
    row-gap: var(--umb-block-grid--row-gap, 0px);
}

/* Each block in the grid */
.umb-block-grid__layout-item {
    grid-column: span var(--umb-block-grid--item-column-span, 12);
    grid-row: span var(--umb-block-grid--item-row-span, 1);
    min-width: 0; /* prevents grid blowout */
}

/* Area wrapper inside a section block — renders as a full-width block */
.umb-block-grid__area {
    display: block;
}

/* Section block's inner row — block container, not Bootstrap flex row */
.block-grid-row {
    display: block;
}

.block-grid-row.align-items-center .umb-block-grid__layout-container {
    align-items: center;
}