/*
 * ST3 navigation (SITE-AUDIT/ST3-navigation.md) — drawer sub-panels built by fix-st3-navigation.php.
 * Group heads read as small uppercase labels, links under them sit tighter; desktop mega panels
 * from [yb_fix_st3_mega] reuse mega-menu.css unchanged. Off: delete this file or YB_FIX_ST3_OFF.
 */
@media (max-width: 1024px) {
	.yb .yb-mnav__item.yb-st3-head {
		min-height: 52px;
		padding-top: 12px;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 1.2px;
		text-transform: uppercase;
	}
	.yb .yb-mnav__item.yb-st3-sub {
		min-height: 48px;
		font-size: 17px;
	}
	.yb .yb-mnav__list > li:has(> .yb-st3-sub) { border-bottom-color: transparent; }
	.yb .yb-mnav__list > li:has(> .yb-st3-head),
	.yb .yb-mnav__list > li:has(> .yb-st3-first) { border-top: 1px solid #E5E5E5; }
	.yb .yb-mnav__list > li:has(> .yb-st3-featured) + li:has(> .yb-st3-head) { border-top-color: #111; }
	/* Group heads are links, but they read as section labels: quieter chevron. */
	.yb .yb-mnav__item.yb-st3-head .yb-mnav__chev { opacity: .35; }
}

/*
 * Reduced motion: mega-menu.css fades/slides the desktop panels (.2s) and has no reduced-motion
 * block of its own, and it is enqueued after this file, so !important is needed to win.
 */
@media (prefers-reduced-motion: reduce) {
	.yb .whb-header .wd-nav.wd-nav-main .wd-dropdown-menu.wd-design-full-width,
	.yb .whb-header .wd-nav.wd-nav-main > li > a .nav-link-text::after,
	.yb .ll-mega-overlay,
	.yb .ll-mega,
	.yb .ll-mega *,
	.yb .ll-mega *::before,
	.yb .ll-mega *::after {
		transition: none !important;
		animation: none !important;
	}
}