header {
	ul.wp-block-navigation__container {
		li.wp-block-navigation-item {
			a.wp-block-navigation-item__content {
				position: relative;
				color: inherit;
				font-weight: normal;

				/* Base ::after styles */
				&::after {
					content: '';
					position: absolute;
					left: 0;
					bottom: -5px;
					width: 0%;
					height: 3px;
					background-color: var(--wp--preset--color--theme-05);
					transition: width 0.3s ease;
				}

				&:hover {
					color: var(--wp--preset--color--theme-02);
					font-weight: 700;

					&::after {
						width: 100%;
					}
				}
			}

			/* Active menu item */
			&.current-menu-item {
				a.wp-block-navigation-item__content {
					color: var(--wp--preset--color--theme-02);

					&::after {
						width: 100%;
					}
				}
			}

			&.has-child {
				a.wp-block-navigation-item__content {
					&::after {
						display: none; /* Prevent line animation on items with submenu */
					}

					&:hover {
						font-weight: 400;
						color: var(--wp--preset--color--theme-02);
					}
				}

				/* Submenu */
				ul.wp-block-navigation__submenu-container {
					box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
					background-color: var(--wp--preset--color--theme-01);
					border-bottom-left-radius: 8px;
					border-bottom-right-radius: 8px;

					ul.wp-block-navigation__submenu-container {
						min-width: 220px;
					}

					@media only screen and (max-width: 767px) {
						box-shadow: none;
						background-color: transparent;
					}

					li.wp-block-navigation-item {
						a.wp-block-navigation-item__content {
							&:hover {
								color: var(--wp--preset--color--theme-02);
								font-weight: 700;
							}
						}

						&:last-child {
							border-bottom-left-radius: 8px;
							border-bottom-right-radius: 8px;
						}
					}
				}
			}
		}
	}

	.wp-block-navigation__responsive-container-content {
		padding: var(--wp--custom--spacing--24) 0;
	}
}