/* ===============================================
 * Block spacing - unified page section rhythm
 * Between blocks: var(--bs-gutter-x, 1rem)
 * Inside blocks:  var(--bs-gutter-x, 1rem) or half
 * =============================================== */

:root {
    --zii-block-gap: var(--bs-gutter-x, 1.5rem);
    --zii-block-pad: var(--bs-gutter-x, 1.5rem);
    --zii-block-pad-sm: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
}

/* ---- utilities ---- */

.mt-block {
    margin-top: var(--zii-block-gap) !important;
}

.mt-block-sm {
    margin-top: var(--zii-block-pad-sm) !important;
}

.mb-block {
    margin-bottom: var(--zii-block-gap) !important;
}

.my-block {
    margin-top: var(--zii-block-gap) !important;
    margin-bottom: var(--zii-block-gap) !important;
}

.ms-block {
    margin-inline-start: var(--zii-block-gap) !important;
}

.p-block {
    padding: var(--zii-block-pad) !important;
}

.p-block-sm {
    padding: var(--zii-block-pad-sm) !important;
}

.px-block {
    padding-inline: var(--zii-block-pad) !important;
}

.py-block-sm {
    padding-block: var(--zii-block-pad-sm) !important;
}

.page-blocks > * + * {
    margin-top: var(--zii-block-gap);
}