@media screen and (min-width: 1026px) {
	/* White header transition timing */
	/* Default state (scrolled): WITH delay - when scrolling DOWN from top, opacity finishes first */
	header .nav__upper-wrapper {
		transition:
			background 0.3s ease-out 0.5s,
			box-shadow 0.3s ease-out 0.5s,
			padding 0.3s ease-out 0.5s;
	}

	header a.logo-link svg path,
	header .menu-support__language-picker path {
		transition: fill 0.3s ease-out 0s;
	}

	header ul.primary-navigation > li > a,
	header ul.primary-navigation > li > span,
	header .menu-support > span > a,
	header .menu-support .menu-support__language-picker > span {
		transition: color 0.3s ease-out 0.2s;
	}

	header.headroom--top ul.primary-navigation > li > a,
	header.headroom--top ul.primary-navigation > li > span,
	header.headroom--top .menu-support > span > a,
	header.headroom--top .menu-support .menu-support__language-picker > span {
		color: white !important;
		transition: color 0.3s ease-out;
	}
	header.headroom--top ul.primary-navigation > li > a {
		color: white !important;
	}
}

/* At top state: NO delay - when scrolling UP to top, transitions happen immediately */
@media screen and (max-width: 1025px) {
	header.headroom--top .nav__upper-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}
header.headroom--top .nav__upper-wrapper {
	background: transparent !important;
	box-shadow: none;
	transition:
		background 0.3s ease-out,
		box-shadow 0.3s ease-out,
		padding 0.3s ease-out;
}
@media screen and (max-width: 1025px) {
	header.headroom--top .nav__upper-wrapper {
		padding-inline: 15px;
	}
}
body:not(.show-menu) .menu-support__language-picker svg path {
	fill: white;
}
@media screen and (max-width: 1025px) {
	a.logo-link svg path,
	.menu-toggle-button path {
		transition: all 0.3s ease-out 0.2s;
	}
}
body:not(.show-menu) header.headroom--top a.logo-link svg path {
	fill: white;
}

body:not(.show-menu) header.headroom--top .menu-toggle-button path {
	fill: white !important;
	transition: all 0.3s ease-out 0.2s;
}