/* mbx/assets/css/mbx-layout.css */

/**
 * MissionBridgeX Layout Defaults
 *
 * Foundation:
 * - Site width: 100%
 * - Content width: 1280px
 * - Divi gutter width: 1
 * - Controlled spacing handled with explicit CSS gap/padding
 */

:root {
	--mbx-content-width: 1280px;
	--mbx-reading-width: 800px;

	--mbx-space-1: 8px;
	--mbx-space-2: 16px;
	--mbx-space-3: 24px;
	--mbx-space-4: 32px;
	--mbx-space-5: 40px;
	--mbx-space-6: 48px;
	--mbx-space-8: 64px;
	--mbx-space-10: 80px;
	--mbx-space-12: 96px;
	--mbx-space-16: 128px;
}

/* Divi row/container foundation */
.et_pb_row,
.container,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
	width: min(90%, var(--mbx-content-width));
	max-width: var(--mbx-content-width);
}

/* Optional reading-width utility */
.mbx-reading-width {
	max-width: var(--mbx-reading-width);
	margin-inline: auto;
}

/* Optional standard section rhythm */
.mbx-section-padding {
	padding-block: clamp(64px, 7vw, 112px);
}

.mbx-section-padding-sm {
	padding-block: clamp(48px, 5vw, 80px);
}