/**
 * core/navigation/sidebar
 */

.wp-block-navigation.is-style-sidebar,
.wp-block-navigation.is-style-sidebar :is(.wp-block-navigation__container, .wp-block-page-list) {
	--icon--color: var(--wp--preset--color--accent-1);

	align-items: stretch;
	gap: 2px;
	margin-block: 0;
}

/* Navigation list item */
.wp-block-navigation.is-style-sidebar .wp-block-navigation-item {
	display: block;
	position: relative;
}

/* Navigation links and buttons */
.wp-block-navigation.is-style-sidebar :where(.wp-block-navigation-item__content, .wp-block-navigation-submenu__toggle) {
	display: flex;
	inline-size: 100%;
	padding: var(--wp--preset--spacing--10) !important;
	border-radius: var(--wp--custom--border--radius--10);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.05ch;
	line-height: 1;
	text-decoration: none;
}


.wp-block-navigation.is-style-sidebar svg {
	flex-shrink: 0;
	block-size: 1em;
	inline-size: 1em;
	stroke: transparent;
}


ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--xx-small);
}

.wp-block-navigation.is-style-sidebar .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--5);
}

/* Navigation submenu icon */
.wp-block-navigation.is-style-sidebar .wp-block-navigation__submenu-icon {
	display: none;
}

/* Navigation submenu */
.wp-block-navigation.is-style-sidebar .wp-block-navigation__submenu-container {
	position: relative;
	background-color: transparent;
	border: 0;
}

/* Current menu item */
.wp-block-navigation.is-style-sidebar .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation.is-style-sidebar :is(.wp-block-navigation-submenu, .wp-block-pages-list__item):has(> .wp-block-navigation-submenu__toggle[aria-expanded='true']),
.wp-block-navigation.is-style-sidebar .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-2);
}

.wp-block-navigation.is-style-sidebar .wp-block-navigation-submenu__toggle[aria-expanded='true'],
.wp-block-navigation.is-style-sidebar .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation.is-style-sidebar .wp-block-navigation-item.current-menu-item.has-child > ul > .is-submenu-overview > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-2);
	font-weight: 700;
}

.wp-block-navigation.is-style-sidebar :is(.wp-block-navigation, .wp-block-page-list) > .current-menu-item > .wp-block-navigation-submenu__toggle,
.wp-block-navigation.is-style-sidebar .wp-block-navigation-item__content:hover:not([aria-expanded='true']) {
	background-color: var(--wp--preset--color--base-2);
}

/* Submenu toggle */
.wp-block-navigation-submenu__toggle[aria-expanded='true'] {
	border-radius: 0;
}

.wp-block-navigation-submenu__toggle[aria-expanded='true'] svg {
	--icon--color: currentColor;
}

.wp-block-navigation-submenu__toggle[aria-expanded='true'] svg .plus {
	display: none;
}

/* Set list item background when contains an open submenu */
.wp-block-navigation.is-style-sidebar :is(.wp-block-navigation-submenu, .wp-block-pages-list__item):has(> .wp-block-navigation-submenu__toggle[aria-expanded='true']) {
	margin-block-end: var(--wp--preset--spacing--10);
	background-color: var(--wp--preset--color--base-2);
	border-radius: var(--wp--custom--border--radius--10);
}