/* Kelluva ylävalikko */
header.wp-block-template-part,
.vy-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: var(--wp--preset--color--base, #f9f9f9);
}
/* Ankkurilinkit eivät jää valikon alle */
[id] {
	scroll-margin-top: var(--vy-hdr, 140px);
}
html {
	scroll-behavior: smooth;
}

/* Valikon ja kielivalinnan välistin vain vaakasuuntaan (tietokonenäkymä) */
@media (min-width: 600px) {
	header .ylavalikko .wp-block-navigation__responsive-container-content > .wp-block-spacer,
	.vy-header .wp-block-navigation__responsive-container-content > .wp-block-spacer {
		height: auto !important;
		min-height: 0 !important;
	}
}
/* Palkki madaltuu, kun sivua rullataan */
header .ylavalikko,
.vy-header {
	transition: padding .25s ease;
}
.vy-scrolled header .ylavalikko {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.vy-scrolled .vy-header {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

/* Englanninkielisen sivun alavalikko */
.vy-footnav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5em 1.5em;
	text-align: center;
}
.vy-footnav a {
	text-decoration: none;
	color: inherit;
}
.vy-footnav a:hover {
	text-decoration: underline;
}
.vy-footnav {
	padding-left: var(--wp--preset--spacing--30, 1rem);
	padding-right: var(--wp--preset--spacing--30, 1rem);
}

/* Alavalikko näkyy mobiilissa linkkeinä eikä piiloudu hampurilaisvalikkoon */
@media (max-width: 599px) {
	.vy-fnav .wp-block-navigation__responsive-container-open {
		display: none !important;
	}
	.vy-fnav .wp-block-navigation__responsive-container {
		display: block !important;
		position: static !important;
		background: transparent !important;
		color: inherit !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
		z-index: auto !important;
		overflow: visible !important;
	}
	.vy-fnav .wp-block-navigation__responsive-close,
	.vy-fnav .wp-block-navigation__responsive-dialog {
		margin: 0 !important;
		padding: 0 !important;
		max-width: none !important;
	}
	.vy-fnav .wp-block-navigation__responsive-container-content {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: .5em 1.5em !important;
		padding: 0 var(--wp--preset--spacing--30, 1rem) !important;
	}
	.vy-fnav .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: .5em 1.5em !important;
	}
	.vy-fnav .wp-block-navigation__responsive-container-content > .wp-block-spacer {
		display: none !important;
	}
}

/* Alavalikon sulkunappi piiloon mobiilissa */
@media (max-width: 599px) {
	.vy-fnav .wp-block-navigation__responsive-container-close {
		display: none !important;
	}
}

/* Suomenkielinen alavalikko samaan tyyliin kuin englanninkielinen */
nav.vy-fnav,
nav.vy-fnav a {
	font-weight: 400 !important;
}
nav.vy-fnav {
	justify-content: center !important;
	margin-top: var(--wp--style--block-gap, 1.2rem) !important;
	margin-bottom: 35px !important;
	padding: 0 var(--wp--preset--spacing--30, 1rem);
}
nav.vy-fnav .wp-block-navigation__responsive-container-content,
nav.vy-fnav .wp-block-navigation__container {
	justify-content: center !important;
	gap: .5em 1.5em !important;
}