/* Collapse the social/language utility row whenever the page leaves the top. */
body.home-nav-auto-hide .topbar,
.mobile-site-header {
	transition: height .32s ease, min-height .32s ease, background-color .4s ease, box-shadow .4s ease;
}

body.home-nav-auto-hide .header-utility,
.mobile-header-utility {
	overflow: visible;
	transform-origin: top;
	transition: height .32s ease, opacity .2s ease, visibility .32s ease, transform .32s ease;
}

body.home-nav-auto-hide.header-utility-collapsed .topbar {
	height: 78px;
	min-height: 78px;
}

body.header-utility-collapsed .mobile-site-header {
	height: 64px;
}

body.home-nav-auto-hide.header-utility-collapsed .header-utility,
body.header-utility-collapsed .mobile-header-utility {
	height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%);
}

body.header-utility-collapsed .mobile-drawer-nav {
	padding-top: 78px;
}

body.home-nav-auto-hide .utility-social-links {
	gap: 8px;
}

.mobile-utility-social-links {
	gap: 6px;
}

body.home-nav-auto-hide .header-utility .utility-language-menu > .dropdown-content,
.mobile-utility-language-options {
	display: block;
	top: calc(100% + 8px);
	right: auto;
	left: 50%;
	box-sizing: border-box;
	width: max-content;
	min-width: calc(100% + 8px);
	padding: 5px 0;
	visibility: hidden;
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transform: translateX(-50%) translateY(-7px);
	transition: opacity .24s ease, transform .3s ease, visibility 0s linear .3s;
}

.mobile-utility-language:hover .mobile-utility-language-options,
.mobile-utility-language:focus-within .mobile-utility-language-options {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateX(-50%) translateY(-7px);
}

body.home-nav-auto-hide .header-utility .utility-language-menu.is-open > .dropdown-content,
.mobile-utility-language.is-open .mobile-utility-language-options,
.mobile-utility-language.is-open:hover .mobile-utility-language-options,
.mobile-utility-language.is-open:focus-within .mobile-utility-language-options {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
	transition: opacity .24s ease, transform .3s ease, visibility 0s;
}

body.home-nav-auto-hide .header-utility .utility-language-menu > .dropdown-content p {
	margin: 0;
}

body.home-nav-auto-hide .header-utility .utility-language-menu > .dropdown-content a,
.mobile-utility-language-options > a {
	justify-content: center;
	padding: 6px 10px;
	text-align: center;
}

.utility-language-trigger > i,
.mobile-utility-language-trigger > i {
	transition: transform .3s ease;
}

.utility-language-menu.is-open .utility-language-trigger > i,
.mobile-utility-language.is-open .mobile-utility-language-trigger > i {
	transform: rotate(180deg);
}

@media (max-width: 1180px) {
	body.home-nav-auto-hide.header-utility-collapsed .topbar {
		height: 64px;
		min-height: 64px;
	}

	body.home-nav-auto-hide.header-utility-collapsed .nav {
		top: 64px;
	}

	body.home-nav-auto-hide .header-inner,
	.mobile-header-inner {
		position: relative;
		justify-content: flex-end;
	}

	body.home-nav-auto-hide .header-brand,
	.mobile-header-brand {
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 2;
		transform: translateX(-50%);
		transition: left .32s ease, transform .32s ease;
	}

	body.home-nav-auto-hide .header-actions,
	.mobile-header-actions {
		position: relative;
		z-index: 3;
	}

	body.home-nav-auto-hide .header-search-action > i,
	.mobile-header-search .header-search-action > i {
		position: relative;
		top: -1px;
	}

	body.home-nav-auto-hide.header-search-open .header-brand,
	body.header-search-open .mobile-header-brand {
		left: 0;
		transform: translateX(0);
	}

	body.home-nav-auto-hide.header-search-open .header-search.is-open .header-search-form {
		width: calc(100vw - 158px);
		box-shadow: 0 2px 8px rgba(0, 0, 0, .11);
	}

	body.header-search-open .mobile-header-search.is-open .header-search-form {
		width: calc(100vw - 116px);
		box-shadow: 0 2px 8px rgba(0, 0, 0, .11);
	}
}

@media (max-width: 360px) {
	.mobile-utility-social-links {
		gap: 4px;
	}

	body.header-search-open .mobile-header-brand {
		left: 4px;
	}

	body.header-search-open .mobile-header-search.is-open .header-search-form {
		width: calc(100vw - 114px);
	}
}

@media (max-width: 420px) {
	body.home-nav-auto-hide .utility-social-links {
		gap: 5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home-nav-auto-hide .topbar,
	body.home-nav-auto-hide .header-utility,
	.mobile-site-header,
	.mobile-header-utility,
	body.home-nav-auto-hide .header-brand,
	.mobile-header-brand {
		transition-duration: 0s;
	}
}