/*
Theme Name: Uwe Bechmann
Template: twentytwentyfour
Version: 1.0.1
Text Domain: uwe-bechmann
*/

.sidebar-navigation {
	width: 100%;
}

.sidebar-navigation .wp-block-navigation,
.sidebar-navigation .wp-block-navigation__responsive-container,
.sidebar-navigation .wp-block-navigation__responsive-container-content,
.sidebar-navigation .wp-block-navigation__container {
	width: 100%;
}

.sidebar-navigation .wp-block-navigation__container {
	align-items: stretch;
	gap: 0;
}

.sidebar-navigation .wp-block-navigation-item {
	align-items: stretch;
	flex-direction: column;
	width: 100%;
}

.sidebar-navigation .wp-block-navigation-item__content {
	border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
	box-sizing: border-box;
	padding: 0.7rem 0.5rem;
	width: 100%;
}

.sidebar-navigation .wp-block-navigation-item__content:hover,
.sidebar-navigation .wp-block-navigation-item__content:focus,
.sidebar-navigation .current-menu-item > .wp-block-navigation-item__content {
	background: color-mix(in srgb, currentColor 8%, transparent);
	text-decoration: none;
}

.sidebar-navigation .wp-block-navigation-item.has-child {
	display: grid;
	grid-template-columns: 1fr auto;
}

.sidebar-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	grid-column: 1;
	grid-row: 1;
}

.sidebar-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon {
	grid-column: 2;
	grid-row: 1;
	margin: 0 0.6rem;
}

.sidebar-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
	background: transparent;
	border: 0;
	box-sizing: border-box;
	color: inherit;
	display: flex;
	grid-column: 1 / -1;
	height: auto;
	margin: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0 0 0 0.75rem;
	position: static;
	transition: max-height 0.3s ease, opacity 0.2s ease;
	visibility: hidden;
	width: 100%;
}

.sidebar-navigation .wp-block-navigation-item.has-child.current-menu-item > .wp-block-navigation__submenu-container,
.sidebar-navigation .wp-block-navigation-item.has-child.current-menu-ancestor > .wp-block-navigation__submenu-container,
.sidebar-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
	max-height: 80rem;
	opacity: 1;
	overflow: visible;
	visibility: visible;
}

.sidebar-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 0.92em;
	padding: 0.55rem 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
	.sidebar-navigation .wp-block-navigation__submenu-container {
		transition: none;
	}
}