/* Only the Header navigation dropdowns are restyled here. */
@media (min-width: 64rem) {
	.hwayang-primary-nav .hwayang-nav-links > .wp-block-navigation__container > .hwayang-nav-mobile-only {
		display: none;
	}

	.hwayang-site-header,
	.hwayang-site-header__inner,
	.hwayang-primary-nav,
	.hwayang-primary-nav .hwayang-nav-links,
	.hwayang-primary-nav .hwayang-nav-links > .wp-block-navigation__container,
	.hwayang-primary-nav .hwayang-nav-links > .wp-block-navigation__container > li.has-child {
		position: static;
	}

	.hwayang-site-header {
		position: relative;
	}

	.hwayang-primary-nav .hwayang-nav-links > .wp-block-navigation__container > li.has-child.hwayang-nav-parent--enhanced {
		align-items: center;
		display: flex;
		gap: 0.15rem;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .hwayang-nav-parent-link {
		color: var(--wp--custom--hwayang--color--primary-dark);
		display: inline-flex;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.35;
		padding-block: 0.35rem;
		text-decoration: none;
		white-space: nowrap;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .hwayang-nav-parent-link:hover,
	.hwayang-primary-nav .hwayang-nav-parent--enhanced[data-hwayang-menu-open="true"] > .hwayang-nav-parent-link {
		color: var(--wp--custom--hwayang--color--primary);
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation-submenu__toggle {
		align-items: center;
		display: inline-flex;
		height: 26px;
		justify-content: center;
		padding: 0;
		width: 18px;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation-submenu__toggle .wp-block-navigation-item__label,
	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-icon {
		display: none;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation-submenu__toggle::after {
		background: currentColor;
		content: '';
		height: 15px;
		mask: url('../icons/chevron-right.svg') center / contain no-repeat;
		transform: rotate(90deg);
		width: 15px;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced[data-hwayang-menu-open="true"] > .wp-block-navigation-submenu__toggle::after {
		transform: rotate(-90deg);
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container,
	.hwayang-primary-nav .hwayang-menu-mega {
		background: #fff;
		border: 1px solid rgb(20 55 105 / 6%);
		border-radius: 12px;
		box-shadow: 0 12px 32px rgb(20 55 105 / 10%);
		box-sizing: border-box;
		left: 50%;
		margin: 0;
		max-height: calc(100dvh - var(--hwayang-header-height) - 12px);
		overflow-y: auto;
		position: absolute;
		top: calc(100% - 1px);
		transform: translateX(-50%);
		z-index: 35;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container {
		display: none;
		gap: 0;
		min-width: 260px;
		padding: 0.65rem;
		width: max-content;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced:not(.hwayang-nav-parent--mega) > .wp-block-navigation__submenu-container {
		left: var(--hwayang-dropdown-left, 50%);
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced[data-hwayang-menu-open="true"] > .wp-block-navigation__submenu-container {
		display: grid;
		height: auto;
		opacity: 1;
		visibility: visible;
	}

	.hwayang-primary-nav .hwayang-nav-parent--mega > .wp-block-navigation__submenu-container {
		display: none !important;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container > li {
		margin: 0;
		width: 100%;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		border-radius: 6px;
		color: var(--wp--custom--hwayang--color--text-body);
		font-size: 0.9rem;
		font-weight: 500;
		line-height: 1.5;
		min-height: 42px;
		padding: 0.62rem 0.75rem;
		white-space: normal;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
		background: #f4f8ff;
		color: var(--wp--custom--hwayang--color--primary);
	}

	.hwayang-primary-nav .hwayang-menu-mega {
		display: none;
		gap: 0;
		grid-template-columns: repeat(var(--hwayang-menu-columns, 4), minmax(0, 1fr));
		padding: 30px 24px;
		width: min(calc(var(--hwayang-menu-columns, 4) * 250px + 48px), calc(100vw - 40px));
	}

	.hwayang-primary-nav .hwayang-nav-parent--mega[data-hwayang-menu-open="true"] > .hwayang-menu-mega {
		display: grid;
	}

	.hwayang-menu-mega__column {
		min-width: 0;
		padding-inline: 20px;
	}

	.hwayang-menu-mega__column + .hwayang-menu-mega__column {
		border-left: 1px solid rgb(20 55 105 / 10%);
	}

	.hwayang-menu-mega__overview {
		align-items: center;
		border-top: 1px solid rgb(20 55 105 / 10%);
		color: var(--wp--custom--hwayang--color--primary);
		display: flex;
		font-size: 0.9rem;
		font-weight: 600;
		grid-column: 1 / -1;
		justify-content: flex-end;
		margin: 1rem 20px 0;
		padding-top: 0.85rem;
		text-decoration: none;
	}

	.hwayang-menu-mega__overview:hover,
	.hwayang-menu-mega__overview:focus-visible {
		text-decoration: underline;
	}

	.hwayang-menu-mega__title {
		align-items: center;
		border-bottom: 1px solid rgb(20 55 105 / 10%);
		color: var(--wp--custom--hwayang--color--primary-dark);
		display: flex;
		font-size: 1.125rem;
		font-weight: 600;
		gap: 0.7rem;
		line-height: 1.4;
		margin: 0 0 0.45rem;
		min-height: 50px;
		padding-bottom: 0.65rem;
	}

	.hwayang-menu-mega__icon {
		background: currentColor;
		color: var(--wp--custom--hwayang--color--primary);
		display: inline-block;
		flex: 0 0 26px;
		height: 26px;
		width: 26px;
	}

	.hwayang-menu-mega__column:nth-child(even) .hwayang-menu-mega__icon {
		color: var(--wp--custom--hwayang--color--accent);
	}

	.hwayang-menu-mega__icon[data-size="18"] { flex-basis: 18px; height: 18px; width: 18px; }
	.hwayang-menu-mega__icon[data-size="24"] { flex-basis: 24px; height: 24px; width: 24px; }
	.hwayang-menu-mega__icon[data-size="32"] { flex-basis: 32px; height: 32px; width: 32px; }
	.hwayang-menu-mega__icon[data-size="40"] { flex-basis: 40px; height: 40px; width: 40px; }
	.hwayang-menu-mega__column .hwayang-menu-mega__icon[data-color="blue"] { color: var(--wp--custom--hwayang--color--primary); }
	.hwayang-menu-mega__column .hwayang-menu-mega__icon[data-color="navy"] { color: var(--wp--custom--hwayang--color--primary-dark); }
	.hwayang-menu-mega__column .hwayang-menu-mega__icon[data-color="orange"] { color: var(--wp--custom--hwayang--color--accent); }
	.hwayang-menu-mega__column .hwayang-menu-mega__icon[data-color="muted"] { color: var(--wp--custom--hwayang--color--text-secondary); }

	.hwayang-menu-mega__icon[data-icon="calculator"] { mask: url('../icons/calculator.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="building-2"] { mask: url('../icons/building-2.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="landmark"] { mask: url('../icons/landmark.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="briefcase-business"] { mask: url('../icons/briefcase-business.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="book-open"] { mask: url('../icons/book-open.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="file-check"] { mask: url('../icons/file-check.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="scroll-text"] { mask: url('../icons/scroll-text.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="ship"] { mask: url('../icons/ship.svg') center / contain no-repeat; }
	.hwayang-menu-mega__icon[data-icon="shield-lock"] { mask: url('../icons/shield-lock.svg') center / contain no-repeat; }

	.hwayang-primary-nav .hwayang-menu-mega__links {
		align-items: stretch;
		display: grid;
		gap: 0;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.hwayang-primary-nav .hwayang-menu-mega__links > li {
		border: 0;
		min-width: 0;
	}

	.hwayang-primary-nav .hwayang-menu-mega__link {
		align-items: center;
		border-radius: 6px;
		color: var(--wp--custom--hwayang--color--text-body);
		display: flex;
		font-size: 0.9rem;
		font-weight: 500;
		gap: 0.5rem;
		justify-content: space-between;
		line-height: 1.5;
		min-height: 42px;
		padding: 0.55rem 0.4rem;
		text-decoration: none;
		white-space: normal;
	}

	.hwayang-primary-nav .hwayang-menu-mega__link::after {
		background: currentColor;
		content: '';
		flex: 0 0 15px;
		height: 15px;
		mask: url('../icons/chevron-right.svg') center / contain no-repeat;
		opacity: 0.7;
	}

	.hwayang-primary-nav .hwayang-menu-mega__link:hover,
	.hwayang-primary-nav .hwayang-menu-mega__link:focus-visible {
		background: #f4f8ff;
		color: var(--wp--custom--hwayang--color--primary);
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced :is(.hwayang-nav-parent-link, .wp-block-navigation-submenu__toggle, .hwayang-menu-mega__link, .wp-block-navigation__submenu-container a):focus-visible {
		border-radius: 4px;
		outline: 2px solid var(--wp--custom--hwayang--color--primary);
		outline-offset: 2px;
	}
}

@media (min-width: 64rem) and (max-width: 74.99rem) {
	.hwayang-primary-nav .hwayang-menu-mega {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 20px;
		width: min(720px, calc(100vw - 40px));
	}

	.hwayang-primary-nav .hwayang-menu-mega:has(> .hwayang-menu-mega__column:only-child) {
		grid-template-columns: 1fr;
		width: min(300px, calc(100vw - 40px));
	}

	.hwayang-menu-mega__column:nth-child(3) {
		border-left: 0;
	}

	.hwayang-menu-mega__column:nth-child(n + 3) {
		border-top: 1px solid rgb(20 55 105 / 10%);
		padding-top: 1rem;
	}

	.hwayang-primary-nav .hwayang-nav-parent--enhanced > .hwayang-nav-parent-link {
		font-size: 0.8125rem;
	}
}

@media (max-width: 63.99rem) {
	.hwayang-nav-parent-link,
	.hwayang-menu-mega {
		display: none !important;
	}

	#hwayang-primary-navigation .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container {
		display: none !important;
	}

	#hwayang-primary-navigation .hwayang-nav-parent--enhanced[data-hwayang-mobile-open="true"] > .wp-block-navigation__submenu-container {
		display: flex !important;
	}

	#hwayang-primary-navigation .hwayang-nav-parent--enhanced > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container {
		border-left: 2px solid var(--wp--custom--hwayang--color--border);
		margin-left: 0.75rem;
	}

	.hwayang-primary-nav .wp-block-navigation-submenu__toggle:focus-visible,
	.hwayang-primary-nav .wp-block-navigation__submenu-container a:focus-visible {
		outline: 2px solid var(--wp--custom--hwayang--color--primary);
		outline-offset: 2px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hwayang-menu-mega__link {
		transition: none;
	}
}

/* Mark the active destination inside both native and enhanced dropdowns. */
.hwayang-primary-nav .wp-block-navigation__submenu-container a[aria-current="page"],
.hwayang-primary-nav .hwayang-menu-mega__link[aria-current="page"] {
	border-bottom: 0;
	color: var(--wp--custom--hwayang--color--primary);
	position: relative;
}

.hwayang-primary-nav .wp-block-navigation__submenu-container a[aria-current="page"]::before,
.hwayang-primary-nav .hwayang-menu-mega__link[aria-current="page"]::before {
	background: var(--wp--custom--hwayang--color--primary);
	content: '';
	height: calc(100% - 16px);
	left: 0;
	position: absolute;
	top: 8px;
	width: 2px;
}

.hwayang-primary-nav > .hwayang-nav-links a[aria-current="page"][href$="/mangzong/"] {
	border-bottom-color: var(--wp--custom--hwayang--color--accent, #ff6400);
}