ul.child-pages {
	position: absolute;
	bottom: 0;
	top: calc(100% - 2px);
	padding: 0;
	background: var(--primary-light);
	display: none;
	height: fit-content;
	flex-direction: column;
	border-radius: var(--radius-s);
}

ul.child-pages {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
ul.child-pages > li {
	padding-right: 70px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
}
@media screen and (min-width: 1026px) {
	ul.child-pages > li a {
		color: var(--primary-dark) !important;
	}
}
@media screen and (min-width: 1026px) {
	ul.child-pages > li a:is(:hover, :focus-visible),
	ul.child-pages > li.current-child a {
		color: var(--primary-ultra-dark) !important;
	}
}
ul.child-pages li:first-child {
	padding-top: 12px;
}
ul.child-pages li:last-child {
	padding-bottom: 12px;
}

/* Child children */
ul.child-pages ul.child-pages {
	left: 100%;
	top: 0;
}
ul.child-pages button.expand-icon {
	transform: rotate(-90deg);
}
ul.child-pages li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
ul.primary-navigation button.expand-icon {
	padding: 0;
	display: flex;
}
@media screen and (max-width: 1025px) {
	ul.primary-navigation button.expand-icon {
		position: absolute;
		right: 6px;
		top: -12px;
	}
}

button.expand-icon .arrow-wrapper {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

button.expand-icon svg {
	position: relative;
	--menu-expand-top-initial: 0;
	--menu-expand-top-animate: 43px;
	top: var(--menu-expand-top-initial);
}

button.expand-icon svg + svg {
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
	--menu-expand-top-initial: -26px;
	--menu-expand-top-animate: 17px;
	top: var(--menu-expand-top-initial);
}

@keyframes menu-expand-arrow-move {
	0% {
		top: var(--menu-expand-top-initial);
	}
	100% {
		top: var(--menu-expand-top-animate);
	}
}

@media screen and (min-width: 1026px) {
	button.expand-icon.is-animating svg,
	button.expand-icon.is-animating svg + svg {
		animation: menu-expand-arrow-move 0.3s ease-out forwards;
	}
}

footer ul.child-pages {
	width: 100%;
}