/* Header navigation: mega menu, hover bridge, mobile accordion */

.apexcode-dropdown {
	z-index: 60;
}

.apexcode-dropdown::before {
	content: "";
	position: absolute;
	top: -0.75rem;
	right: 0;
	left: 0;
	height: 0.75rem;
}

.apexcode-mega {
	width: min(720px, calc(100vw - 2rem));
}

.apexcode-mega-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.5rem;
}

.apexcode-mega-links {
	columns: 2;
	column-gap: 0.25rem;
}

.apexcode-mega-links > a {
	break-inside: avoid;
}

.apexcode-mega-featured {
	width: 220px;
}

.apexcode-search-label {
	display: none;
}

@media (min-width: 1280px) {
	.apexcode-search-label {
		display: inline;
	}
}

.apexcode-mobile-panel {
	max-height: calc(100vh - 4rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.apexcode-mobile-sub {
	margin-right: 1rem;
	padding-right: 0.75rem;
	border-right: 1px solid rgba(255, 255, 255, 0.06);
}

html:not(.dark) .apexcode-mobile-sub {
	border-right-color: rgba(15, 23, 42, 0.08);
}

.apexcode-nav {
	position: relative;
}

.apexcode-mega-item {
	position: static;
}

.apexcode-nav > div > a,
.apexcode-nav > div > button,
.apexcode-nav > a {
	white-space: nowrap;
}

.apexcode-header-actions > * {
	flex-shrink: 0;
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.apexcode-tagline {
		display: none;
	}

	.apexcode-nav > div > a,
	.apexcode-nav > div > button,
	.apexcode-nav > a {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}

	.apexcode-header-actions {
		gap: 0.5rem;
	}
}