/**
 * Nav menu — compact slide-down dropdowns (replaces full-width slanted mega-menu).
 */

.mkaacf-nav-link {
	text-decoration: none;
	color: inherit;
}

.mkaacf-nav-link.primary-nav__menu-item__title::after {
	display: none;
}

.mkaacf-nav-more-link {
	color: #666 !important;
}

@media (min-width: 768px) {
	.mkaacf-nav-list {
		margin-left: clamp(20px, 2.5vw, 44px);
	}

	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper {
		position: relative;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper > .xfpage {
		position: absolute !important;
		left: 0;
		top: 100%;
		right: auto;
		width: auto;
		min-width: 220px;
		max-width: min(360px, 92vw);
		height: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		visibility: hidden;
		pointer-events: none;
		z-index: 2002;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[data-parent="ABOUT"] > .xfpage,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[data-parent="PRODUCTS"] > .xfpage {
		min-width: 260px;
		max-width: min(400px, 92vw);
	}

	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open > .xfpage,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.active > .xfpage,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] > .xfpage {
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		visibility: visible;
		pointer-events: auto;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.js-sub-menu {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		/* Override AEM mega-menu height:75vh / min-height:25.875rem */
		height: auto !important;
		min-height: 0 !important;
		max-height: 70vh !important;
		margin: 0 !important;
		padding: 8px 0 10px !important;
		background: #fff !important;
		background-image: none !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border: 1px solid rgba(17, 17, 17, 0.1) !important;
		border-top: 3px solid #dc2223 !important;
		border-radius: 0 0 10px 10px !important;
		box-shadow: 0 12px 32px rgba(17, 17, 17, 0.12) !important;
		clip-path: none !important;
		-webkit-clip-path: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		transform: translateY(-6px) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none;
		transition:
			transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
			opacity 0.2s ease,
			visibility 0.2s step-end !important;
	}

	/* Remove AEM slanted/V gray outline (::after SVG stroke) */
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.js-sub-menu::before,
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.js-sub-menu::after,
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.js-sub-menu:before,
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.js-sub-menu:after {
		content: none !important;
		display: none !important;
		background: none !important;
		border: 0 !important;
		inset: auto !important;
		width: 0 !important;
		height: 0 !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.js-sub-menu.open,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.active .primary-nav__sub-menu,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu {
		transform: translateY(0) !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.container-mw {
		max-width: none;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu .primary-nav__menu-link {
		color: #111 !important;
		font-weight: 600;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__links-section,
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__links-section__content {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__links-section__title {
		padding: 6px 16px 8px !important;
		margin: 0 !important;
		border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__links-section__title .primary-nav__menu-link {
		color: #dc2223 !important;
		font-size: 0.6875rem !important;
		font-weight: 700 !important;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		padding: 0 !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__links-section__title .primary-nav__menu-link__arrow {
		display: none;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__links-section__lists {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		width: 100%;
		padding: 4px 0 !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__list-column {
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__list-column__title > .primary-nav__menu-link {
		display: block !important;
		padding: 10px 16px !important;
		width: 100% !important;
		font-size: 0.8125rem !important;
		line-height: 1.35 !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
		transition: background 0.15s ease, color 0.15s ease;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__list-column__title > .primary-nav__menu-link:hover {
		background: rgba(220, 34, 35, 0.06) !important;
		color: #dc2223 !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__list-column__title .primary-nav__menu-link__arrow {
		display: none;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu--vertical .primary-nav__sub-menu__media-list {
		max-width: none;
		padding: 4px 0;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__media-link {
		padding: 8px 12px;
		margin: 0 4px;
		border-radius: 8px;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu__media-link .primary-nav__menu-link__arrow {
		display: none;
	}

	/* Instant reveal — override clientlib fade animations */
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.open .primary-nav__sub-menu__links-section,
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.open .primary-nav__sub-menu__links-section__title,
	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.open .primary-nav__sub-menu__list-column,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu__links-section,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu__links-section__title,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu__list-column,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu__links-section,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu__links-section__title,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu__list-column {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}
