/**
 * Gutenberg Group & Columns – container width block styles.
 * Width / padding values come from Theme Panel → General Settings → Container widths.
 */

/*
 * Default style (no Boorsuc width style selected).
 * Side padding uses --boorsuc-container-padding (desktop / tablet / mobile via media queries).
 */
.wp-block-group:not([class*="is-style-boorsuc-"]),
.wp-block-columns:not([class*="is-style-boorsuc-"]) {
	box-sizing: border-box;
	padding-left: var(--boorsuc-container-padding, 24px);
	padding-right: var(--boorsuc-container-padding, 24px);
}

/* Boxed */
.wp-block-group.is-style-boorsuc-boxed,
.wp-block-columns.is-style-boorsuc-boxed {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--boorsuc-width-boxed, 1200px);
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--boorsuc-container-padding, 24px);
	padding-right: var(--boorsuc-container-padding, 24px);
}

/* Small width */
.wp-block-group.is-style-boorsuc-small-width,
.wp-block-columns.is-style-boorsuc-small-width {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--boorsuc-width-small, 800px);
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--boorsuc-container-padding, 24px);
	padding-right: var(--boorsuc-container-padding, 24px);
}

/* Full width – full container width, optional side padding */
.wp-block-group.is-style-boorsuc-full-width,
.wp-block-columns.is-style-boorsuc-full-width {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding-left: var(--boorsuc-full-padding, 0);
	padding-right: var(--boorsuc-full-padding, 0);
}

/* Editor canvas: prevent horizontal scroll from full-width preview */
.editor-styles-wrapper .wp-block-group.is-style-boorsuc-full-width,
.editor-styles-wrapper .wp-block-columns.is-style-boorsuc-full-width {
	width: 100%;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}