/*
 * MTG Elementor Child main styles.
 * Keep this file lightweight and focused on theme-level layout helpers.
 */

:root {
	--mtg-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html,
body {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	overflow-x: clip;
	font-family: var(--mtg-font-sans);
}

body {
	min-width: 320px;
}

body:not(.elementor-editor-active) #page,
body:not(.elementor-editor-active) .site,
body:not(.elementor-editor-active) .site-main,
body:not(.elementor-editor-active) main,
body:not(.elementor-editor-active) .elementor-page,
body:not(.elementor-editor-active) .elementor-location-header,
body:not(.elementor-editor-active) .elementor-location-footer {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

body:not(.elementor-editor-active) .elementor {
	max-width: none;
}

/*
 * Hide only the visible Site Title in Hello Elementor's default theme header.
 * This does not affect WordPress Settings, SEO titles, page H1 elements, or
 * Elementor Theme Builder headers.
 */
body:not(.elementor-editor-active) header.site-header:not(.elementor-location-header) .site-branding .site-title {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.mtg-full-width {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.mtg-inner {
	box-sizing: border-box;
	width: calc(100% - 40px);
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
}

.mtg-inner-narrow {
	box-sizing: border-box;
	width: calc(100% - 40px);
	max-width: 900px;
	margin-inline: auto;
}

@media (max-width: 767px) {
	.mtg-inner,
	.mtg-inner-narrow {
		width: calc(100% - 32px);
	}
}

@media (max-width: 359px) {
	.mtg-inner,
	.mtg-inner-narrow {
		width: calc(100% - 24px);
	}
}