/* Small additions on top of the page's own compiled Tailwind stylesheet. */

.hcdz-landing { overflow-x: hidden; }

/* Desktop mega menu: hidden by default, shown on hover/focus of the parent nav item. */
.nav-item .mega-panel,
.cta-dropdown .mega-panel {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease;
}
.nav-item:hover .mega-panel,
.nav-item:focus-within .mega-panel,
.cta-dropdown:hover .mega-panel,
.cta-dropdown:focus-within .mega-panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Mobile drawer visibility is toggled via the `hidden` attribute in JS. */
.mobile-drawer[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
	.nav-item .mega-panel,
	.cta-dropdown .mega-panel {
		transition: none;
	}
}