.preloc-topbar {
	background: var(--preloc-dark);
	color: #fff;
	font-size: 14px;
}

.preloc-topbar a,
.preloc-header a,
.preloc-nav a {
	color: inherit;
}

.preloc-topbar__inner,
.preloc-header__inner,
.preloc-nav__inner {
	width: min(100% - 40px, var(--preloc-max));
	margin: 0 auto;
}

.preloc-topbar__inner {
	display: flex;
	align-items: center;
	min-height: 50px;
	gap: 16px;
}

.preloc-languages ul {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.preloc-languages a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.preloc-language-flag {
	display: inline-block;
	width: 18px;
	height: 14px;
	object-fit: cover;
	vertical-align: middle;
}

.preloc-mobile-language-current,
.preloc-mobile-brand,
.preloc-mobile-languages {
	display: none;
}

.preloc-header {
	background: #fff;
	border-bottom: 1px solid var(--preloc-border);
}

.preloc-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 74px;
	gap: 24px;
}

.preloc-brand {
	display: flex;
	align-items: center;
	gap: 16px;
}

.preloc-brand img {
	width: 360px;
	max-height: 54px;
	object-fit: contain;
}

.preloc-tagline {
	font-size: 18px;
	white-space: nowrap;
}

.preloc-nav {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid var(--preloc-border);
}

.admin-bar .preloc-nav {
	top: 32px;
}

.preloc-menu-toggle {
	display: none;
	width: 44px;
	height: 44px;
	padding: 10px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.preloc-menu-toggle span[aria-hidden="true"] {
	display: block;
	width: 24px;
	height: 2px;
	margin: 5px 0;
	background: #222;
}

.preloc-menu,
.preloc-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.preloc-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 54px;
	text-transform: uppercase;
	font-size: 14px;
}

.preloc-menu li {
	position: relative;
}

.preloc-menu a {
	display: block;
	padding: 15px 0;
	text-align: center;
}

.preloc-menu a:hover,
.preloc-menu a:focus-visible,
.preloc-menu .current-menu-item > a,
.preloc-menu .current-menu-ancestor > a,
.preloc-menu .current_page_item > a,
.preloc-menu .current_page_ancestor > a {
	color: var(--preloc-accent);
}

.preloc-menu .preloc-facebook-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	color: inherit;
	line-height: 1;
}

.preloc-facebook-icon {
	display: block;
	width: 20px;
	height: 20px;
}

.preloc-menu ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	min-width: 220px;
	background: #fff;
	border: 1px solid var(--preloc-border);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	text-transform: none;
}

.preloc-menu li:hover > ul,
.preloc-menu li:focus-within > ul {
	display: block;
}

.preloc-menu ul a {
	padding: 10px 14px;
	text-align: left;
	white-space: nowrap;
}

@media (max-width: 900px) {
	.preloc-topbar {
		display: none;
	}

	.preloc-header {
		display: none;
	}

	.preloc-menu {
		align-items: flex-start;
		flex-direction: column;
		justify-content: flex-start;
	}

	.preloc-brand {
		width: 100%;
		justify-content: center;
	}

	.preloc-brand img {
		width: min(100%, 360px);
	}

	.preloc-nav__inner {
		position: relative;
		display: grid;
		grid-template-columns: minmax(58px, 1fr) auto minmax(58px, 1fr);
		align-items: center;
		min-height: var(--preloc-nav-height);
		column-gap: 14px;
	}

	.preloc-nav .preloc-mobile-language-current {
		appearance: none;
		display: inline-flex;
		align-items: center;
		justify-self: start;
		gap: 8px;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		min-height: 44px;
		color: var(--preloc-text);
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		cursor: pointer;
	}

	.preloc-mobile-brand {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		justify-self: center;
		min-width: 0;
	}

	.preloc-mobile-brand img {
		display: block;
		width: min(42vw, 172px);
		max-height: 42px;
		object-fit: contain;
	}

	.preloc-nav .preloc-mobile-language-current:hover,
	.preloc-nav .preloc-mobile-language-current:focus-visible {
		background: transparent;
		color: var(--preloc-accent);
	}

	.preloc-mobile-language-current .preloc-language-flag,
	.preloc-mobile-languages .preloc-language-flag {
		width: 22px;
		height: 17px;
		object-fit: cover;
	}

	.preloc-menu {
		position: absolute;
		top: 100%;
		left: 50%;
		width: 100vw;
		margin-left: -50vw;
		z-index: 30;
		display: flex;
		gap: 0;
		max-height: calc(100vh - var(--preloc-nav-height) - 16px);
		overflow-y: auto;
		padding: 14px 18px 16px;
		border: 1px solid var(--preloc-border);
		background: #fff;
		box-shadow: 0 16px 32px rgba(0, 0, 0, .16);
		opacity: 0;
		pointer-events: none;
		transform: translateY(-8px);
		visibility: hidden;
		transition:
			opacity .18s ease,
			transform .18s ease,
			visibility 0s linear .18s;
	}

	.preloc-nav.is-open .preloc-menu {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		visibility: visible;
		transition-delay: 0s;
	}

	.preloc-menu-toggle {
		display: block;
		justify-self: end;
	}

	.preloc-menu a {
		padding: 8px 0;
		text-align: left;
	}

	.preloc-menu ul {
		position: static;
		display: block;
		min-width: 0;
		margin-left: 16px;
		border: 0;
		box-shadow: none;
	}

	.preloc-menu ul a {
		padding: 6px 0;
		white-space: normal;
	}

	.preloc-tagline {
		white-space: normal;
	}

	.preloc-mobile-languages {
		position: absolute;
		top: 100%;
		left: 50%;
		width: 100vw;
		margin-left: -50vw;
		z-index: 30;
		display: block;
		max-height: calc(100vh - var(--preloc-nav-height) - 16px);
		overflow-y: auto;
		padding: 14px 18px 16px;
		border: 1px solid var(--preloc-border);
		background: #fff;
		box-shadow: 0 16px 32px rgba(0, 0, 0, .16);
		opacity: 0;
		pointer-events: none;
		transform: translateY(-8px);
		visibility: hidden;
		transition:
			opacity .18s ease,
			transform .18s ease,
			visibility 0s linear .18s;
	}

	.preloc-nav.is-language-open .preloc-mobile-languages {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		visibility: visible;
		transition-delay: 0s;
	}

	.preloc-mobile-languages ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px 18px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.preloc-mobile-languages a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		min-height: 36px;
		font-size: 14px;
	}

	.preloc-mobile-languages a[aria-current="true"] {
		font-weight: 700;
	}

	@media (prefers-reduced-motion: reduce) {
		.preloc-menu,
		.preloc-mobile-languages {
			transition: none;
		}
	}
}

@media (max-width: 782px) {
	.admin-bar .preloc-nav {
		top: 46px;
	}
}