/**
 * Kadence shell overrides for HLM pages (content spacing + footer wrapper).
 */

body.hlm-theme:not(.hlm-blog):not(.hlm-single-post) .content-area,
body.hlm-landing-page .content-area {
	margin-top: 0;
	margin-bottom: 0;
}

body.hlm-theme #colophon.site-footer,
body.hlm-landing-page #colophon.site-footer {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
}

body.hlm-theme #colophon.site-footer .site-footer-wrap,
body.hlm-landing-page #colophon.site-footer .site-footer-wrap {
	padding: 0;
	margin: 0;
	max-width: none;
}

body.hlm-theme.admin-bar .hlm-hero,
body.hlm-landing-page.admin-bar .hlm-hero {
	min-height: calc(100svh - 32px);
	min-height: calc(100dvh - 32px);
	padding-top: calc(var(--hlm-hero-top) + 8px);
	padding-bottom: clamp(24px, 4vh, 48px);
}

@media screen and (max-width: 782px) {
	body.hlm-theme.admin-bar .hlm-hero,
	body.hlm-landing-page.admin-bar .hlm-hero {
		min-height: calc(100svh - 46px);
		min-height: calc(100dvh - 46px);
	}
}

/* Landing / home hero fills exactly one viewport */
body.home .hlm-hero,
body.hlm-landing-page .hlm-hero {
	box-sizing: border-box;
	min-height: 100svh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: var(--hlm-hero-top);
	padding-bottom: clamp(24px, 4vh, 48px);
}

body.home .hlm-hero-inner,
body.hlm-landing-page .hlm-hero-inner {
	align-items: center;
	width: 100%;
}

body.home .entry-content > .hlm-hero:first-child,
body.hlm-landing-page .entry-content > .hlm-hero:first-child {
	margin-top: 0;
}

body.hlm-landing-page.transparent-header #masthead.hlm-site-header--transparent {
	position: absolute;
	left: 0;
	right: 0;
}

body.hlm-landing-page.transparent-header #masthead.hlm-site-header--transparent.hlm-header-scrolled {
	position: sticky;
}

@media (max-width: 1024px) {
	body.hlm-landing-page.mobile-transparent-header #masthead.hlm-site-header--transparent {
		position: absolute;
		left: 0;
		right: 0;
	}

	body.hlm-landing-page.mobile-transparent-header #masthead.hlm-site-header--transparent.hlm-header-scrolled {
		position: sticky;
	}
}