.wp-block-navigation {
	.wp-block-navigation-link {
		padding: 0;

		.wp-block-navigation-link__content {
			padding: var(--primary-nav--padding);
		}

		.wp-block-navigation-link__label {
			font-family: var(--primary-nav--font-family);
			font-size: var(--primary-nav--font-size);
			font-weight: var(--primary-nav--font-weight);
		}
	}

	.wp-block-navigation-link__submenu-icon {
		padding: 0;
	}

	// Top level navigation container.
	> .wp-block-navigation__container {
		.has-child {
			.wp-block-navigation-link {
				display: inherit;
			}

			.wp-block-navigation__container {
				border: none;
				left: 0;
				margin-left: var(--primary-nav--padding);
				//min-width: max-content;
				opacity: 0;
				padding: 0;
				position: inherit;
				top: inherit;

				.wp-block-navigation-link {
					.wp-block-navigation-link__content {
						display: inline-block;
						padding: calc( 0.5 * var(--primary-nav--padding) ) var(--primary-nav--padding);
					}
				}

				.wp-block-navigation-link__submenu-icon {
					display: none;
				}
			}
			&:hover, &:focus-within {
				.wp-block-navigation__container {
					display: block;
					opacity: 1;
					visibility: visible;
				}
			}
		}
	}

	> .wp-block-navigation__container {
		> .has-child {
			> .wp-block-navigation__container {
				background: var(--global--color-background);
				box-shadow: var(--global--elevation);
				margin: 0;
				padding: 0;
				position: absolute;
				top: 100%;
			}
		}
	}

	&:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link:not(.has-text-color) {
		color: var(--primary-nav--color-link);
	}

	&:not(.has-text-color){
		.wp-block-navigation-link {
			> a {
				&:hover, &:focus {
					color: var(--primary-nav--color-link-hover);
				}
			}
		}

		.wp-block-navigation-link__content {
			color: currentColor;
		}
	}
}