/**
 * WordPress shell only for imported LTT HTML pages.
 *
 * Does NOT style hero, sections, form, or images — each page’s inline <style>
 * block (LTT_CITY_CSS + layout marker from the migration rebuild) owns that.
 */

body.localtowtruck-brand.has-ltt-page {
	--ltt-content-max: 1120px;
	--ltt-gutter: clamp(0.75rem, 3vw, 1.25rem);
}

body.localtowtruck-brand.has-ltt-page .site-main {
	overflow-x: clip;
}

/* Drop theme section padding around the imported block */
body.localtowtruck-brand.has-ltt-page .localtowtruck-ltt-section {
	padding-block: 0;
}

body.localtowtruck-brand.has-ltt-page .localtowtruck-ltt-container,
body.localtowtruck-brand.has-ltt-page .localtowtruck-ltt-article,
body.localtowtruck-brand.has-ltt-page .localtowtruck-ltt-prose,
body.localtowtruck-brand.has-ltt-page .localtowtruck-ltt-prose .entry-content,
body.localtowtruck-brand.has-ltt-page .entry-content,
body.localtowtruck-brand.has-ltt-page .entry-content > .wp-block-html,
body.localtowtruck-brand.has-ltt-page .entry-content > .wp-block-custom-html {
	max-width: none !important;
	width: 100%;
	margin: 0;
	padding: 0;
	color: inherit;
	font: inherit;
	text-align: inherit;
}

body.localtowtruck-brand.has-ltt-page .entry-content html,
body.localtowtruck-brand.has-ltt-page .entry-content body {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent !important;
}

/*
 * Isolate imported markup from theme prose / hero / section rules.
 * Inline page CSS (loaded in the HTML block) remains authoritative.
 */
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page {
	isolation: isolate;
	display: block;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	margin: 0;
	box-sizing: border-box;
	color: unset;
	font: unset;
	letter-spacing: normal;
	text-transform: none;
}

body.localtowtruck-brand.has-ltt-page .prose .entry-content,
body.localtowtruck-brand.has-ltt-page .localtowtruck-ltt-article .entry-content {
	color: inherit;
}

body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page header.hero,
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page section.hero {
	font-family: inherit;
}

body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page > .ltt-lead-form,
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page > #towpart-lead-form {
	max-width: min(var(--ltt-content-max), calc(100% - (var(--ltt-gutter) * 2)));
	width: calc(100% - (var(--ltt-gutter) * 2));
	margin-inline: auto;
	padding: clamp(1.25rem, 4vw, 2rem);
	box-sizing: border-box;
}

body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page .ltt-lead-form .form-embed,
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page #towpart-lead-form .form-embed {
	background: #fff;
	border-radius: 18px;
	padding: clamp(0.875rem, 3vw, 1.25rem);
	overflow: hidden;
}

body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page .ltt-lead-form .form-embed .towpart-intake-root,
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page .ltt-lead-form .form-embed .towpart-intake,
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page #towpart-lead-form .form-embed .towpart-intake-root,
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page #towpart-lead-form .form-embed .towpart-intake {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	box-sizing: border-box !important;
}

body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page .ltt-lead-form .form-embed .towpart-intake,
body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page #towpart-lead-form .form-embed .towpart-intake {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

@media (max-width: 899px) {
	body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page .ltt-lead-form .form-embed .towpart-intake-root,
	body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page #towpart-lead-form .form-embed .towpart-intake-root {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 640px) {
	body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page > .ltt-lead-form,
	body.localtowtruck-brand.has-ltt-page .entry-content .ltt-page > #towpart-lead-form {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		border-radius: 20px;
	}
}
