/* The desktop dropdown stays connected to its trigger while the pointer moves
   across the visual gap. Header widths and breakpoints are owned by the shared
   header stylesheets rather than compressed here. */
@media (min-width:1280px) {
	.da-header,
	.da-header-row,
	.da-nav,
	.da-nav > ul,
	.da-nav > ul > li { overflow: visible; }

	.da-nav > ul > li { position: relative; }
	.da-mega {
		z-index: 150;
		max-width: calc(100vw - 32px);
		box-sizing: border-box;
		transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms !important;
	}
	.da-mega::before {
		content: "";
		position: absolute;
		z-index: 0;
		top: -14px;
		right: 0;
		left: 0;
		height: 14px;
		background: transparent;
		pointer-events: auto;
	}
	.da-mega.is-open,
	.da-nav > ul > li:hover > .da-mega,
	.da-nav > ul > li:focus-within > .da-mega { transition-delay: 0s !important; }
	.da-nav > ul > li:focus-within > .da-mega { pointer-events: auto; }
	.da-header-row { position: relative; }
	.da-nav > ul > li { position: static !important; }
}

@media (max-width:1279px) {
	.da-mega::before { content: none; }
}