/*
	Enhanced Responsive Overrides
	Purpose: Make site content full-width (full screen) similar to the footer.
	This file is loaded after other styles and uses !important where needed to override
	inline <style> blocks that set max-width on .container.
*/

/* Prevent any horizontal scrolling */
html, body {
	overflow-x: hidden !important;
}

/* Full-bleed layout for common wrappers */
.site,
.site-content,
#content,
main,
.site-main,
section,
article,
.container,
div[class*="container"],
div[class*="wrap"] {
	width: 100% !important;
	max-width: 100% !important;
}

/* Remove centering margins that constrain the layout */
.site-content,
main,
section,
.container,
div[class*="container"],
div[class*="wrap"] {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Hero/Front-page specific: ensure hero and its inner container are full-bleed */
.hero-section,
.hero-section .container,
.hero--bleed,
.hero--bleed .container {
	width: 100% !important;
	max-width: 100% !important;
}

/* Keep comfortable edge padding so content isn't glued to screen edges */
.site-content,
main,
section,
.hero-section .container {
	padding-left: 16px !important;
	padding-right: 16px !important;
	box-sizing: border-box !important;
}

/* Gutenberg containers */
.wp-block-group__inner-container,
.wp-block-columns {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Grids inside hero should stretch to use available width */
.hero-stats {
	justify-items: stretch !important;
}

/* Extra breathing room on ultra-wide screens */
@media (min-width: 1280px) {
	.site-content,
	main,
	section {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}