/*************
Fix Breakdance
*************/

/* Add extra bottom space on each direct child element of section*/
.section-container > * {
	margin-bottom:1em;
}

/* Add extra space on breakdance hx, p and button */
/*.breakdance .section-container .bde-heading,
.breakdance .section-container .bde-text {
	margin: revert;
}
*/
.breakdance .section-container .bde-button  {
	padding: 1em;
}
/* remplacer par h* et p ? */



/*************
Fix Gutenberg integration in Breakdance
*************/


/**  
max-width: var(--wp--style--global--content-size);  
max-width: var(--wp--style--global--wide-size);
**/

.page.breakdance .bde-themeless-template-content-area > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.page.breakdance .bde-code-block > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
/**.page.breakdance .bde-themeless-template-content-area > :where(:not(.breakdance):not(.alignleft):not(.alignright):not(.alignfull)),
.page.breakdance .bde-code-block > :where(:not(.breakdance):not(.alignleft):not(.alignright):not(.alignfull)) {**/
    /*max-width: var(--hsx-page-width);*/
	max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
.page.breakdance .bde-themeless-template-content-area .alignfull > * ,
.page.breakdance .bde-code-block .alignfull > *{
    /*max-width: var(--hsx-page-width);*/
	max-width: 960px;
}

.single.breakdance .bde-themeless-template-content-area >:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    /*max-width: calc(var(--bde-section-width)/2);*/
	max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
.single.breakdance .bde-themeless-template-content-area .alignfull > * {
    /*max-width: calc(var(--bde-section-width)/2);*/
	max-width: 960px;
}

.page.breakdance .bde-themeless-template-content-area > .alignwide,
.single.breakdance .bde-themeless-template-content-area > .alignwide {
    max-width: var(--wp--style--global--wide-size);
}

.breakdance .has-global-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.breakdance .has-global-padding > * {
	padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}

.breakdance [class^="wp-block"] {
	margin-top:1em;
	margin-bottom:1em;
	width:100%;
}
.breakdance .is-layout-flex [class^="wp-block"] {
	width:auto;
}

.breakdance figure.is-type-video {
	width: 100%;
}

.breakdance .bde-themeless-template-content-area .wp-block-list,
.breakdance .bde-code-block .wp-block-list{
	padding-left: 3em;
}



/************* 
Fix flash of unstyled content - Related to add breakdance button style to wordpress button
Hide buttons until they have the correct class
Show with transition once class added 
Class is added for Breakdance editor compatibility from Breakdance > Global Settings > Code > Javascript
*************/

a.wp-block-button__link {
	opacity: 0;
}
a.wp-block-button__link.button-atom--primary {
	opacity: 1;
	transition: opacity;
	transition-duration: var(--bde-transition-duration);
}