html {
    scrollbar-gutter: stable;
}

.scb-wrapper {
    position:      relative;
    width:         100vw;
    margin-left:   calc(50% - 50vw);
    margin-bottom: 0 !important;
    overflow:      clip;
}

.scb-wrapper::before,
.scb-wrapper::after {
    content:  '';
    position: absolute;
    top:      0;
    height:   100%;
    width:    50vw;
    z-index:  0;
}
.scb-wrapper::before { left:     0; }
.scb-wrapper::after  { left: 50vw; }

.scb-content {
    position: relative;
    z-index:  1;
    margin:   0 auto;
}

/* Colonnes natives Gutenberg dans le bloc */
.scb-content .wp-block-columns {
    display:        flex !important;
    flex-wrap:      nowrap !important;
    gap:            0 !important;
    margin:         0 !important;
    padding:        0 !important;
    padding-bottom: 0 !important;
}

.scb-content .wp-block-columns .wp-block-column {
    flex:      1 1 50% !important;
    width:     50% !important;
    min-width: 0 !important;
    overflow:  visible !important;
    margin:    0 !important;
}

/* Titres — neutralise marges négatives Gutenberg */
.scb-content h1,
.scb-content h2,
.scb-content h3,
.scb-content h4 {
    margin-block-start: 0 !important;
    overflow:           visible !important;
}

@media ( max-width: 768px ) {
    .scb-wrapper {
        width:       100%;
        margin-left: 0;
        overflow:    visible;
    }
    .scb-wrapper::before,
    .scb-wrapper::after { display: none; }
    .scb-content {
        max-width: 100% !important;
    }
    .scb-content .wp-block-columns {
        flex-direction: column !important;
    }
    .scb-content .wp-block-columns .wp-block-column {
        width: 100% !important;
    }
}
