/* HEADER */
.lud-site-header {
	position: relative;
	z-index: 40;
	background: rgba(251, 250, 243, 0.982);
	border-bottom: 1px solid rgba(47, 79, 79, 0.18);
	opacity: 1;
	transform: translateY(0);
	transition: background-color 180ms var(--lud-ease-premium), border-color 180ms var(--lud-ease-premium), box-shadow 180ms var(--lud-ease-premium);
	will-change: transform;
}

body.lud-header-floating {
	padding-top: var(--lud-header-offset, 0px);
}

body.lud-header-floating .lud-site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.lud-site-header.is-hiding {
	pointer-events: none;
	animation: lud-header-hide 300ms var(--lud-ease-premium) forwards;
}

.lud-site-header.is-hidden {
	opacity: 0;
	pointer-events: none;
	transform: translateY(calc(-100% - 1px));
}

.lud-site-header.is-revealing {
	animation: lud-header-reveal 260ms var(--lud-ease-premium) both;
}

.lud-site-header.is-scrolled:not(.is-hidden) {
	box-shadow: 0 0.85rem 1.6rem rgba(43, 43, 43, 0.06);
}

@keyframes lud-header-reveal {
	from {
		opacity: 0.18;
		transform: translateY(0.9rem);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes lud-header-hide {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(calc(-100% - 1px));
	}
}

.lud-site-header-inner {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: clamp(1.5rem, 2.8vw, 2.6rem);
	row-gap: 1rem;
	width: 100%;
	max-width: min(100%, calc(var(--lud-editorial-shell-max) + clamp(5.5rem, 11vw, 8.5rem)));
	margin-inline: auto;
	padding-inline: clamp(1.8rem, 3vw, 2.8rem);
	min-height: 5.2rem;
}

.lud-site-header.is-scrolled .lud-site-header-inner {
	min-height: 4.75rem;
}

.lud-site-header-brand,
.lud-site-header-nav {
	display: flex;
	align-items: center;
	margin-block-start: 0;
}

.lud-site-header-inner.is-layout-flow > .lud-site-header-brand,
.lud-site-header-inner.is-layout-flow > .lud-site-header-nav {
	margin-block-start: 0;
}

.lud-site-header-inner.wp-block-group-is-layout-flow > * {
	margin-block-start: 0;
}

.lud-site-header-brand {
	min-width: 0;
}

.lud-site-header-nav {
	margin-left: auto;
	justify-content: flex-end;
	padding-inline-end: clamp(0.25rem, 0.8vw, 0.6rem);
}

@media (max-width: 959px) {
	.lud-site-header {
		overflow: visible;
	}

	.lud-site-header-inner {
		column-gap: 1rem;
		min-height: 4.35rem;
		padding-top: 0.95rem;
		padding-bottom: 0.95rem;
		max-width: none;
		padding-inline: clamp(1.15rem, 4.4vw, 1.6rem);
		row-gap: 0;
	}

	.lud-site-header.is-scrolled .lud-site-header-inner {
		min-height: 4rem;
		padding-top: 0.82rem;
		padding-bottom: 0.82rem;
	}

	.lud-site-header-brand .wp-block-site-title,
	.lud-site-header-brand .wp-block-site-title.lud-site-logo {
		font-size: clamp(1.58rem, 1.25rem + 1.2vw, 1.9rem);
		line-height: 0.98;
	}

	.lud-site-header-nav {
		flex: 0 0 auto;
		padding-inline-end: 0.15rem;
	}
}