.wp-block-navigation__responsive-container-content {
	min-width: 247px !important;
}
.wp-block-navigation__submenu-container  .wp-block-navigation-item__content {
	white-space: inherit;
}
.wp-block-navigation-item__content {
	white-space: normal;
  word-break: break-word;
}
.wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.wp-block-navigation__responsive-container-close {
	display: none;
}

@media (max-width: 991.98px) {
	.bs-navigation__item--open > ul {
		display: block !important;
	}

	.bs-navigation__back {
		align-items: center;
		background: none;
		border: none;
		color: var(--wp--preset--color--primary-900);
		cursor: pointer;
		font-weight: 700;
		display: none;
		font-size: var(--wp--preset--font-size--lg);
		left: var(--wp--preset--spacing--50);
		line-height: var(--wp--custom--line-height--lg);
		padding: var(--wp--preset--spacing--30) 0;
		position: fixed;
		top: 4rem;
		z-index: 5;
		.admin-bar & {
			top: calc(4rem + 46px);
		}
		& > svg {
			margin-right: 0.5em;
		}
	}

	.bs-navigation__item--open .bs-navigation__back {
		display: flex;
	}

	.wp-block-navigation__responsive-container.is-menu-open,
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item
		.wp-block-navigation__submenu-container {
		background: var(--wp--preset--color--white) !important;
		border-top: 2px solid var(--wp--preset--color--accent-yellow) !important;
		padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) !important;
		top: 4rem !important;
		.admin-bar & {
			top: calc(4rem + 46px) !important;
		}
	}

	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__submenu-container
		.wp-block-navigation-item:first-child {
		margin-top: calc(
			var(--wp--preset--spacing--50) + var(--wp--preset--spacing--30)
		);
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		& .wp-block-navigation {
			display: block !important;
			width: 100%;
		}
		& .wp-block-navigation__submenu-container {
			display: none;
			/* width: 100% !important; */
			position: fixed !important;
			inset: 0 !important;
		}

		& .wp-block-navigation-item {
			align-items: center !important;
			flex-direction: row !important;
			justify-content: space-between;
			padding-block: var(--wp--preset--spacing--30) !important;
			width: 100%;
			& > .wp-block-navigation-item__label {
				color: var(--wp--preset--color--neutral-500);
				font-size: var(--wp--preset--font-size--md);
				font-weight: 600;
				line-height: 1.71428571;
				text-transform: uppercase;
				width: 100%;
			}
		}

		& .wp-block-navigation-item + .wp-block-navigation-item {
			border-top: 1px solid var(--wp--preset--color--neutral-300);
		}

		& .wp-block-navigation-item:first-child {
			padding-top: 0 !important;
		}
		& .wp-block-navigation-item:last-child {
			padding-bottom: 0 !important;
		}
	}
}

@media (min-width: 992px) {
	html.has-modal-open {
		overflow: initial;
	}
	.bs-navigation__back {
		display: none;
	}
	.wp-block-navigation__responsive-container-open.always-shown {
		align-items: center;
		background: color-mix(
			in srgb,
			var(--wp--preset--color--primary-900),
			white 15%
		);
		border-radius: 3em;
		color: var(--wp--preset--color--primary-200);
		display: flex;
		font-size: var(--wp--preset--font-size--lg);
		line-height: var(--wp--custom--line-height--lg);
		padding: 0.75em 1.5em !important;
		& > svg {
			display: none;
		}
		&::before {
			content: attr(aria-label);
			font-weight: 700;
		}
		&::after {
			background: var(--wp--preset--color--primary-200);
			mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0005 14.25C9.81299 14.25 9.65674 14.1875 9.50049 14.0625L2.31299 7C2.03174 6.71875 2.03174 6.28125 2.31299 6C2.59424 5.71875 3.03174 5.71875 3.31299 6L10.0005 12.5312L16.688 5.9375C16.9692 5.65625 17.4067 5.65625 17.688 5.9375C17.9692 6.21875 17.9692 6.65625 17.688 6.9375L10.5005 14C10.3442 14.1562 10.188 14.25 10.0005 14.25Z" fill="white"/></svg>');
			content: '';
			display: block;
			height: 1.25rem;
			margin-left: 0.5em;
			width: 1.25rem;
		}
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		border: 1px solid var(--wp--preset--color--neutral-300);
		border-radius: var(--wp--preset--spacing--10);
		background: var(--wp--preset--color--white);
		bottom: initial;
		overflow: initial !important;
		padding: 0 !important;
		position: absolute;
		right: initial;
		top: calc(100% + var(--wp--preset--spacing--20));
		white-space: nowrap;
		& .wp-block-navigation {
			display: block !important;
		}
		& .wp-block-navigation-item {
			align-items: center !important;
			flex-direction: row !important;
			justify-content: space-between;
			padding-block: var(--wp--preset--spacing--30);
			padding-inline: var(--wp--preset--spacing--50);
			&::before {
				background: var(--wp--preset--color--neutral-300);
				content: '';
				display: block;
				height: 1px;
				position: absolute;
				inset: var(--wp--preset--spacing--50);
				top: 0;
			}
			&:first-child::before {
				display: none;
			}
			& > .wp-block-navigation-item__label {
				color: var(--wp--preset--color--neutral-500);
				font-size: var(--wp--preset--font-size--md);
				font-weight: 600;
				line-height: 1.71428571;
				text-transform: uppercase;
				width: 100%;
			}
		}
		& .wp-block-navigation-item .wp-block-navigation__submenu-container {
			background: var(--wp--preset--color--white) !important;
			border: 1px solid var(--wp--preset--color--neutral-300) !important;
			border-radius: var(--wp--preset--spacing--10);
			display: none;
			left: 100% !important;
			padding-block: var(--wp--preset--spacing--30) !important;
			padding-inline: var(--wp--preset--spacing--50) !important;
			position: absolute !important;
			top: 0;
			& .wp-block-navigation-item {
				border: none;
				margin-top: var(--wp--preset--spacing--30);
				margin-inline: 0;
				padding: 0;
				&::before {
					display: none;
				}
				&:first-child {
					margin-top: 0;
				}
			}
		}
		& .wp-block-navigation-item.has-child::after {
			background: var(--wp--preset--color--neutral-500);
			mask-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.1752 14.3254C5.0252 14.3254 4.9002 14.2754 4.7752 14.1754C4.5502 13.9504 4.5502 13.6004 4.7752 13.3754L10.0252 8.00039L4.7752 2.65039C4.5502 2.42539 4.5502 2.07539 4.7752 1.85039C5.0002 1.62539 5.35019 1.62539 5.57519 1.85039L11.2252 7.60039C11.4502 7.82539 11.4502 8.17539 11.2252 8.40039L5.57519 14.1504C5.47519 14.2504 5.3252 14.3254 5.1752 14.3254Z" fill="black"/></svg>');
			content: '';
			display: block;
			height: 1rem;
			width: 1rem;
		}
		& .wp-block-navigation-item.has-child:hover,
		& .wp-block-navigation-item.has-child:focus {
			& .wp-block-navigation__submenu-container {
				display: block;
			}
		}
	}
}