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

@media screen and (max-width: 1025px) {
	header .nav-wrapper.nav-wrapper {
		position: fixed !important;
		top: 0;
		left: 0;
		background: var(--primary-ultra-dark);
		display: flex !important;
		flex-direction: column;
		width: 100%;
		overflow: scroll;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		min-height: 100dvh;
		height: 100dvh !important;
		padding-bottom: 25px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		z-index: -1 !important;
		transition:
			opacity 0.2s ease,
			visibility 0.2s ease;
	}
	body.show-menu .nav-wrapper {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	body header ul.primary-navigation {
		display: flex;
		flex-direction: column;
		padding-top: 10rem;
		align-items: flex-start;
		gap: 2rem !important;
	}
	body .header__lower {
		transition: 0.2s ease;
	}
	body.show-menu .header__lower {
		background: var(--primary-ultra-dark);
	}
	body header ul.primary-navigation li {
		justify-content: space-between;
		width: 100%;
		padding: 0;
		flex-wrap: wrap;
	}
	header ul.primary-navigation > li > a {
		font-size: var(--h3) !important;
	}
	header ul.primary-navigation a {
		color: white !important;
	}
	header ul.primary-navigation button path {
		fill: white !important;
	}
	header ul.primary-navigation button {
		scale: 1.5;
	}
	header ul.primary-navigation li.expanded > .child-pages.visible {
		display: block;
		background: transparent !important;
		position: static !important;
		width: 100%;
	}

	/* Mobile menu child pages - click mode behavior like footer */
	header nav[data-children-toggle="click"] ul.child-pages {
		display: none;
		background: transparent !important;
		position: static !important;
		width: 100%;
	}

	header nav[data-children-toggle="click"] ul.child-pages.visible {
		display: block;
	}

	header nav[data-children-toggle="click"] ul.child-pages li:first-child {
		margin-top: 12px;
	}

	/* Nested child pages (level 3+) need padding-left for indentation */
	header nav[data-children-toggle="click"] ul.child-pages ul.child-pages {
		padding-left: 15px;
	}

	li.menu-item a.clickable-parent::after {
		display: none;
	}
	header ul.child-pages li {
		padding: 0;
	}

	header ul.child-pages li a {
		font-size: var(--text-m) !important;
	}
	header li.expanded > ul.child-pages {
		display: flex;
		padding-right: 0;
		padding-top: 17px;
		padding-bottom: 17px;
	}
	header li.expanded > ul.child-pages ul.child-pages {
		padding-bottom: 0;
	}
	/* Apply footer-style button icons on mobile click mode */
	header nav[data-children-toggle="click"] button.expand-icon {
		background: var(--primary-dark);
		border-radius: 50vmax;
		padding: 4px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: 0.2s ease-out;
		scale: 1.5;
	}

	header nav[data-children-toggle="click"] button.expand-icon:is(:hover, :focus-visible),
	header nav[data-children-toggle="click"] button.expand-icon[aria-expanded="true"] {
		background: white;
	}

	header nav[data-children-toggle="click"] button.expand-icon:is(:hover, :focus-visible) path,
	header nav[data-children-toggle="click"] button.expand-icon[aria-expanded="true"] path {
		stroke: var(--base) !important;
		fill: var(--base) !important;
	}

	header nav[data-children-toggle="click"] button.expand-icon[aria-expanded="true"] path + path {
		opacity: 0;
	}
	.child-pages button.expand-icon {
		transform: rotate(0deg) !important;
	}
	li.expanded > button.expand-icon {
		transform: rotate(180deg) !important;
	}
}