/**
 * CitruSaver — site-wide horizontal overflow fixes
 * Last modified: 2026-03-17
 *
 * Sources addressed:
 * - Hello Elementor theme.css: .alignfull { width:100vw; margin-inline:calc(50% - 50vw) }
 *   → extra width vs layout when vertical scrollbar present (common on trial/content pages).
 * - .alignwide { margin-inline:-80px } → can exceed viewport on medium widths.
 * - Catches residual 100vw/subpixel bleed from widgets/third-party CSS.
 */

/* Reserve gutter so viewport math matches layout width more closely */
html {
	scrollbar-gutter: stable;
}

/* Clip horizontal spill without affecting vertical scroll */
body {
	overflow-x: clip;
}

@supports not (overflow: clip) {
	body {
		overflow-x: hidden;
	}
}

/* Hello Elementor — full-width blocks: fill parent instead of 100vw breakout */
.alignfull {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-inline: 0;
	box-sizing: border-box;
}

.alignfull img {
	width: 100%;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

/* Hello Elementor — wide blocks: kill fixed negative margins on smaller layouts */
@media (max-width: 1200px) {
	.alignwide {
		margin-left: 0;
		margin-right: 0;
		margin-inline: 0;
		max-width: 100%;
		box-sizing: border-box;
	}
}