/**
 * Flexible block widths — container vs full viewport on pages.
 */

body.indygg-flexible-widths {
	overflow-x: clip;
}

body.indygg-flexible-widths .main-shell.indygg-flexible-shell,
body.indygg-flexible-widths .main-shell--landing {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

body.indygg-flexible-widths .page-body--flexible > *:not(.indygg-width--full):not(.alignfull) {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	box-sizing: border-box;
	width: 100%;
}

body.indygg-flexible-widths .indygg-width--full,
body.indygg-flexible-widths .page-body--flexible > .alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

/* Nested full-width inside columns should not double-breakout */
body.indygg-flexible-widths .wp-block-column .indygg-width--full {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* Block editor canvas */
.block-editor-block-list__layout.is-root-container > .block-editor-block-list__block.indygg-width--full,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-editor-block-list__block.indygg-width--full {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.block-editor-block-list__layout.is-root-container > .block-editor-block-list__block.indygg-width--container,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-editor-block-list__block.indygg-width--container {
	max-width: 72rem;
	margin-left: auto !important;
	margin-right: auto !important;
}

.editor-styles-wrapper.indygg-flexible-widths-enabled .is-root-container {
	max-width: none !important;
}