/* Menu Variables */
body {
	--logo-width: 235px;
	--nav-gap: 3.2rem;
	--nav-item-color: var(--base);
	--nav-item-font-size: var(--text-l);
}

@media screen and (max-width: 1025px) {
	body {
		--logo-width: 210px;
		--nav-gap: 2rem;
		--nav-item-font-size: var(--text-m);
	}
}

/* General styles for wrapper */
header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	transition: top 0.5s ease-out 0.3s, background 0.3s ease-out 0s;
	top: 0;
	background: var(--accent);
}

/* Contained header*/
.header__inner > div {
	inline-size: 100%;
	max-inline-size: calc(var(--width-vp-max) + (var(--gutter)) * 2);
	margin-inline: auto;
	padding: 0 var(--gutter);
}

header ul.primary-navigation > li > a {
	transition: 0.2s ease-out;
	color: var(--nav-item-color);
	font-size: var(--nav-item-font-size);
}

@media screen and (max-width: 1025px) {
	.header__inner > div {
		padding: 1.6rem 2.5rem;
	}
}

header ul.primary-navigation {
	display: flex;
	flex-direction: row;
	gap: 5rem;
	align-items: center;
}

a.logo-link,
a.logo-link img {
	width: var(--logo-width);
}

/* Main nav  */
.primary-navigation {
	gap: var(--nav-gap);
	margin: 0 !important;
}
header .primary-navigation > li {
	display: flex;
	align-items: center;
	gap: 5px;
	padding-top: 45px;
	padding-bottom: 10px;
}

.nav-wrapper {
	margin-top: auto;
}
.nav__upper-wrapper {
	justify-content: space-between;
}

@media screen and (min-width: 1026px) {
	header div.footer-links,
	header div.footer-link__wrapper,
	header div.footer__social-links {
		display: none;
	}
}