/* Homia boxed layout — 1280px content width, 20px side gutters.
   Full-width Elementor sections stay edge-to-edge.
   Applied via body.homia-boxed-layout on selected pages. */

body.homia-boxed-layout {
	--homia-box: 1280px;
	--homia-gutter: 20px;
}

/* Boxed Elementor containers */
body.homia-boxed-layout .elementor .e-con-boxed {
	--content-width: var(--homia-box) !important;
	--padding-left: var(--homia-gutter) !important;
	--padding-right: var(--homia-gutter) !important;
}

body.homia-boxed-layout .elementor .e-con-boxed > .e-con-inner {
	max-width: var(--homia-box) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Full-width parents stay full bleed */
body.homia-boxed-layout .elementor .e-con-full.e-parent {
	max-width: none !important;
	width: 100% !important;
}

body.homia-boxed-layout .elementor .e-con-full.e-parent > .e-con-inner {
	max-width: none !important;
	width: 100% !important;
}

/* Remove extra theme chrome horizontal spacing */
body.homia-boxed-layout #main-content.site-main,
body.homia-boxed-layout #themesflat-content.page-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

/* Theme page-title strip adds unused space above Elementor content */
body.homia-boxed-layout .tf-page-title {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Nested category carousel cards only — not other carousels (e.g. homepage hero) */
body.homia-boxed-layout .elementor-element-d6da3fd .e-con-boxed,
body.homia-boxed-layout .elementor-element-d6da3fd .swiper-slide > .e-con-boxed {
	--content-width: 100% !important;
	--padding-left: 0 !important;
	--padding-right: 0 !important;
}

body.homia-boxed-layout .elementor-element-d6da3fd .e-con-boxed > .e-con-inner,
body.homia-boxed-layout .elementor-element-d6da3fd .swiper-slide > .e-con-boxed > .e-con-inner {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
