/* =========================================================
   PRIMO BUILDER — ELEMENTOR FULL-WIDTH FOUNDATION
========================================================= */

.primo-custom-board-builder,
.primo-custom-board-builder *,
.primo-custom-board-builder *::before,
.primo-custom-board-builder *::after {
	box-sizing: border-box;
}

/*
Break the builder out of Elementor/Woodmart's centered container.
This applies only to the PRIMO builder element.
*/
.primo-custom-board-builder {
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: 100vw;
	min-height: 600px;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 100px 40px;
	overflow: hidden;
	background: #0b0b0b;
	color: #ffffff;
}

/* Test content alignment */
.primo-test-section {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.primo-test-section h1 {
	margin: 0 0 20px;
	color: #c8a46a;
	font-size: 60px;
	line-height: 1.1;
}

.primo-test-section p {
	margin: 0;
	color: #ffffff;
	font-size: 16px;
}

/*
Remove Woodmart's vertical content spacing only
on a page containing the builder.
*/
body:has(#primo-custom-board-builder) .wd-content-layout {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Remove spacing from Elementor widget wrappers */
body:has(#primo-custom-board-builder)
.elementor-widget-html,
body:has(#primo-custom-board-builder)
.elementor-widget-html > .elementor-widget-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}