/**
 * Site-wide canvas background (Savrio cream). Widgets keep their own section colors.
 * Token matches Savrio Hero --mtfe-page-bg (#FAF8F2).
 *
 * Why white strips between sections (e.g. footer vs calculator)?
 * - Pristine `styles.css`: `.site-content { background: #fff }` shows in any vertical gap/margin.
 * - `#pristine-site-content` inner wrappers did not inherit the cream body fill.
 * - Elementor root `.elementor` often sits above body; gaps between `.e-con` sections reveal its fill.
 * Sections/widgets with their own background-color still paint on top; this only fixes “empty” canvas.
 */
:root {
	--mtfe-savrio-page-canvas: #f4f3ef;
}

html {
	background-color: var(--mtfe-savrio-page-canvas);
	margin: 0 !important;
	padding: 0 !important;
}

body {
	background-color: var(--mtfe-savrio-page-canvas) !important;
	margin: 0 !important;
	padding: 0 !important;
}

body #page {
	background-color: var(--mtfe-savrio-page-canvas) !important;
}

/* Pristine — replaces default #fff on main content wrapper */
.site-content {
	background-color: var(--mtfe-savrio-page-canvas) !important;
}

/* Also cover common inner wrappers used by secondary/CPT templates */
.site-main,
.content-area,
.site-main > article,
.site-main > section {
	background-color: var(--mtfe-savrio-page-canvas) !important;
}

#pristine-site-content,
#pristine-site-content > div,
#pristine-site-content > div > div {
	background-color: var(--mtfe-savrio-page-canvas) !important;
}

/* Elementor — strip between footer section and next section uses this layer */
body.elementor-page .elementor {
	background-color: var(--mtfe-savrio-page-canvas) !important;
}

/* Secondary pages can render Elementor widgets without body.elementor-page */
.elementor {
	background-color: var(--mtfe-savrio-page-canvas) !important;
}

/* ═══ No gap below the last block (cream strip under footer / vs. viewport edge) ═══
 * Theme + Elementor can leave margin/padding-bottom on wrappers; last .e-con may keep default gap.
 */
html {
	margin-bottom: 0;
	padding-bottom: 0;
}

body.elementor-page {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.elementor-page #page {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Apply same no-tail-gap policy to non-elementor-page templates as well */
body #page {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.elementor-page #pristine-site-content,
body.elementor-page #pristine-site-content > div,
body.elementor-page #pristine-site-content > div > div {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.elementor-page .elementor {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.elementor {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Last top-level container: remove default section tail spacing */
body.elementor-page .elementor > .e-con:last-child,
body.elementor-page .elementor > .elementor-inner > .e-con:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.elementor-page .elementor-element.elementor-widget-mtfe-savrio-footer {
	margin-bottom: 0 !important;
}

body.elementor-page .elementor-widget-mtfe-savrio-footer .mtfe-savrio-footer-box {
	margin-bottom: 0 !important;
}

/* Classic sections (pre–flex containers) */
body.elementor-page .elementor-section:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Side inset: footer section flush to viewport left/right when theme leaves a few px */
body.elementor-page .elementor-widget-mtfe-savrio-footer {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
}

/* Footer widget should always bleed edge-to-edge (no 5px side/bottom gaps) */
.elementor-widget-mtfe-savrio-footer,
.elementor-widget-mtfe-savrio-footer .elementor-widget-container,
.elementor-widget-mtfe-savrio-footer .mtfe-savrio-footer-box,
.elementor-widget-mtfe-savrio-footer .mtfe-savrio-footer {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Hard viewport bleed: ignore parent container paddings (5px gutters, etc.) */
.elementor-widget-mtfe-savrio-footer {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* Ensure no trailing space under footer itself */
.elementor-widget-mtfe-savrio-footer .mtfe-savrio-footer {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Theme footer wrappers: hard remove any remaining bottom strip */
footer,
#colophon,
.site-footer,
.elementor-location-footer,
body #page,
body .site,
body .site-content,
body #pristine-site-content {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom-width: 0 !important;
}

/* Landing page only: let Elementor control section spacing (Savrio widgets outer shells). */
body.home .elementor-widget-mtfe-savrio-services-core .mtfe-savrio-services-core,
body.home .elementor-widget-mtfe-savrio-hero .mtfe-savrio-hero,
body.home .elementor-widget-mtfe-savrio-process .mtfe-savrio-process,
body.home .elementor-widget-mtfe-savrio-projects-portfolio .mtfe-savrio-projects-portfolio,
body.home .elementor-widget-mtfe-savrio-our-team .mtfe-savrio-our-team,
body.home .elementor-widget-mtfe-savrio-our-story .mtfe-savrio-our-story,
body.home .elementor-widget-mtfe-savrio-reviews .mtfe-savrio-reviews,
body.home .elementor-widget-mtfe-savrio-results-showcase .mtfe-savrio-results,
body.home .elementor-widget-mtfe-savrio-cta-contact .mtfe-savrio-cta-contact,
body.home .elementor-widget-mtfe-savrio-cta-comparison .mtfe-savrio-cta-comparison,
body.home .elementor-widget-mtfe-savrio-footer .mtfe-savrio-footer,
body.home .elementor-widget-mtfe-savrio-calculator .mtfe-savrio-calculator {
	margin: 0;
	padding: 0;
}

/* ===== Savrio: Mobile Bar skin (generated, Midnight & Lime) ===== */
body.savrio-skin-bar {
    --mtfe-savrio-page-canvas: #f3f0f5;
}
/* ===== end Mobile Bar skin ===== */