body{
    --container-space : calc((100% - var(--wp--style--global--content-size)) / 2);
    --wp--style--global--content-size-vw: clamp(500px, 80vw, 1440px);
    --container-space-vw : calc((100vw - var(--wp--style--global--content-size-vw)) / 2);
}

/* GUTENBERG STYLE */
.page .entry-content > .wp-block-group:first-child{
    padding-top: var(--header-height-fixed);
}
.wp-block-group{
    margin-top: calc(var(--gap) * 1);
    margin-right: auto;
    margin-bottom: calc(var(--gap) * 1);
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}
.wp-block-group.has-background{
    padding-top: var(--gap);
    padding-bottom: var(--gap);
}
.wp-block-group.is-layout-constrained.has-background:not(.alignfull, .alignwide, .container){
    padding: var(--gap);
}
.wp-block-group.is-layout-constrained:not(.alignfull, .alignwide){
    padding: 0;
}
body .is-layout-constrained > :where(:not(.alignleft, .alignright, .alignfull, .container, .is-style-container-medium, .is-style-container-small, .menu-selector ul)) {
    max-width: 100%;
}

body .entry-content > :where(:not(.alignleft, .alignright, .alignfull, .alignwide, .container)) {
    max-width: var(--wp--style--global--content-size);
}
/* debug gutenberg backoffice */
/* .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.is-style-container-medium):not(.is-style-container-small)){
    max-width: var(--wp--style--global--content-size)!important;
} */


/* CONTAINER CLASSIC */
.container,
body .is-layout-constrained {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-space);
    padding-right: var(--container-space);
}
.container{
    padding-top: var(--gap);
    padding-bottom: var(--gap);
    margin-top: calc(var(--gap) * 1);
}
.container .wp-block-group {
    margin-top: 0;
}

/* CONTAINER MEDIUM */
.is-style-container-medium{
    --wp--style--global--content-size : clamp(700px, 60%, 1000px);
    max-width: var(--wp--style--global--content-size)!important;
}
/* CONTAINER MEDIUM */
.is-style-container-small{
    --wp--style--global--content-size : clamp(400px, 40%, 800px);
    max-width: var(--wp--style--global--content-size)!important;
}
/* OVERFLOW-VISIBLE */
.is-style-container-overflow-visible,
.is-style-container-overflow-visible > div{
overflow: visible;
}
/* STICKY SECTION */
.is-style-sticky{
    position: sticky;
    z-index: 99;
    background: transparent;
    transition: top .4s ease, text-decoration 0s ease;
    border-bottom: 0px solid #ffffff00;
    top: var(--header-height-sticky);
}
.block-editor-block-list__layout.is-root-container .is-style-sticky{
    top: 0;
    z-index: 1;
}

/* Empillement */
.wp-block-group-is-layout-flex{
    width: auto;
}

@media (max-width: 1600px) {
   
}
@media (max-width: 1200px) {

}
@media (max-width: 1024px) {
    
}
@media (max-width: 992px) {

body{
    --wp--style--global--content-size : clamp(500px, calc(100% - (var(--gap) * 4)), 992px);
    --wp--style--global--content-size-vw: clamp(500px, calc(100vw - (var(--gap) * 4)), 992px);
}

}
@media (max-width: 768px) {
 
}
@media (max-width: 576px) {


    body{
        --wp--style--global--content-size : clamp(375px, calc(100% - (var(--gap) * 2)), 576px);
        --wp--style--global--content-size-vw: clamp(375px, calc(100vw - (var(--gap) * 2)), 576px);
        --container-space: var(--gap);
        --container-space-vw: var(--gap);
    }


    /* .block-editor-block-list__layout.is-root-container .is-style-container-small,
    .is-layout-constrained .is-style-container-small,
    .is-style-container-small,
    .block-editor-block-list__layout.is-root-container .is-style-container-medium,
    .is-layout-constrained .is-style-container-medium,
    .is-style-container-medium,
    .block-editor-block-list__layout.is-root-container .is-style-container,
    .is-layout-constrained .is-style-container,
    .is-style-container,
    .container,
    main > article >.entry-content>.woocommerce {
         max-width: calc(100vw - (var(--container-space) * 2)); 
    } */
    .entry-content > .wp-block-group.is-layout-constrained:not(.alignfull, .alignwide) {
        padding: var(--gap);
    }
}