:root {
	--vk-header-height: clamp(70px, 2vw + 66px, 95px);
	--vk-layout-content-max-width: 1486px;
	--vk-layout-padding-x: 30px;
	/* Used only to park the fixed header under the WP admin bar. */
	--vk-wp-admin-bar-offset: 0px;
}

body.vk-has-fullwidth-hero {
	overflow-x: clip;
}

/*
 * WordPress already adds html { margin-top } for in-flow content when logged in.
 * We only shift the fixed header so it sits under #wpadminbar.
 */
body.admin-bar {
	--vk-wp-admin-bar-offset: clamp(32px, 32px, 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--vk-wp-admin-bar-offset: clamp(46px, 46px, 46px);
	}
}

body.admin-bar .site-header {
	top: var(--vk-wp-admin-bar-offset);
}
