/**
 * Document top layout — fixed header flush to content (no #F5F4F2 gap).
 */

:root {
	--site-header-height: 64px;
	--wp-admin-bar-height: 32px;
}

html {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden;
	max-width: 100%;
}

body {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden;
	max-width: 100%;
}

#page,
.site {
	margin: 0;
	padding: 0;
	max-width: 100%;
	overflow-x: clip;
}

.site-main {
	overflow-x: clip;
	padding-top: var(--site-header-height);
	background-color: #fff;
}

body > *:first-child {
	margin-top: 0 !important;
}

.site-header {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/*
 * Fixed header clearance lives on .site-main padding-top only.
 * Do not pull the first block up with negative margin — breadcrumbs/labels get hidden.
 */

@media screen {
	.admin-bar {
		--wp-admin-bar-height: 32px;
	}

	.admin-bar .site-header {
		top: var(--wp-admin-bar-height);
	}

	.admin-bar .site-main {
		padding-top: calc(var(--site-header-height) + var(--wp-admin-bar-height));
	}
}

@media screen and (max-width: 782px) {
	.admin-bar {
		--wp-admin-bar-height: 46px;
	}
}

@media (max-width: 1024px) {
	:root {
		--site-header-height: 60px;
	}
}

.pll-switcher-header,
#polylang-switcher,
.wplang-switcher {
	display: none !important;
}