/**
 * core/navigation-submenu - List
 */

.wp-block-navigation .wp-block-navigation-submenu.is-style-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: stretch;
	gap: var(--wp--preset--spacing--10);
	background-color: var(--wp--preset--color--accent-3);
}

/* Submenu toggle */
.wp-block-navigation-item.is-style-list.open-on-click .wp-block-navigation-submenu__toggle {
	inline-size: 100%;
	padding: var(--wp--preset--spacing--30);
}

.wp-block-navigation-submenu.is-style-list > .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 800;
	line-height: 1.333;
}

/* Submenu toggle icon */
.wp-block-navigation-item.is-style-list .wp-block-navigation__submenu-icon {
	position: absolute;
	inset-block-start: 24px;
	inset-inline-end: var(--wp--preset--spacing--30);
	block-size: 24px;
	inline-size: 24px;
	margin: 0;
	z-index: 2;
}

.wp-block-navigation-submenu.is-style-list.has-child .wp-block-navigation-submenu__toggle[aria-expanded='true'] {
	padding-block-end: var(--wp--preset--spacing--10);
}

/* Submenu container / dropdown */
.wp-block-navigation-submenu.is-style-list.has-child .wp-block-navigation-submenu__toggle[aria-expanded='true'] ~ .wp-block-navigation__submenu-container {
	position: relative;
	inset-block-start: auto;
	inset-inline-start: auto;
	gap: 0;
	block-size: auto;
	inline-size: 100%;
	min-inline-size: 0;
	padding-block-end: var(--wp--preset--spacing--20);
	background-color: transparent;
	border: 0;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Link content */
.wp-block-navigation .wp-block-navigation-submenu.is-style-list .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content {
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 400;
}

@media (width >= 1024px) {
	.wp-block-navigation .wp-block-navigation-submenu.is-style-list {
		gap: 20px;
		background-color: transparent;
	}

	/* Submenu toggle */
	.wp-block-navigation-item.is-style-list.open-on-click .wp-block-navigation-submenu__toggle {
		padding: 0;
		font-size: 16px;
		font-weight: var(--wp--custom--heading--xx-small--font-weight);
		letter-spacing: var(--wp--custom--heading--xx-small--letter-spacing);
		line-height: var(--wp--custom--heading--xx-small--line-height);
		text-decoration: none;
		text-transform: var(--wp--custom--heading--xx-small--text-transform);
		cursor: default;
		pointer-events: none;
	}

	/* Submenu toggle icon */
	.wp-block-navigation-item.is-style-list .wp-block-navigation__submenu-icon {
		display: none;
	}

	/* Submenu container / dropdown */
	.wp-block-navigation-submenu.is-style-list.has-child .wp-block-navigation__submenu-container {
		all: unset;
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--20);
		min-inline-size: 0 !important;
		margin: 0;
		padding: 0;
		opacity: 1 !important;
		visibility: visible !important;
	}

	/* Link content */
	.wp-block-navigation .wp-block-navigation-submenu.is-style-list .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content {
		padding: 0;
		font-size: var(--wp--preset--font-size--large);
		text-decoration: underline;
		text-decoration-color: transparent;
		text-decoration-thickness: 1px;
	}

	.wp-block-navigation .wp-block-navigation-submenu.is-style-list .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
		text-decoration-color: currentColor;
	}
}