/**
 * Mega menu — a top-level menu item with the CSS class "sl-mega" (AI Automation).
 * Markup: includes/nav-walker.php. Desktop only; inside the mobile drawer the
 * groups fall back to the normal nested accordions.
 */

@media (min-width: 901px) {
	.softlance-header__inner {
		position: relative;
	}

	.softlance-menu > .menu-item.sl-mega {
		position: static;
	}

	.softlance-menu > .sl-mega > .sub-menu.sl-mega__panel {
		left: 50%;
		right: auto;
		width: min(1180px, calc(100vw - 2rem));
		transform: translate(-50%, 6px);
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(240px, 0.9fr);
		gap: 2rem;
		padding: 2rem 2rem 2.25rem;
		border-top: 3px solid var(--sl-blue-500, #2563eb);
		border-radius: 0 0 var(--sl-radius-xl, 1rem) var(--sl-radius-xl, 1rem);
	}

	.softlance-menu > .sl-mega:hover > .sub-menu.sl-mega__panel,
	.softlance-menu > .sl-mega:focus-within > .sub-menu.sl-mega__panel,
	.softlance-menu > .sl-mega.is-submenu-open > .sub-menu.sl-mega__panel {
		transform: translate(-50%, 0);
	}

	/* Group column: heading link with a short accent rule above it. */
	.sl-mega__panel > .menu-item {
		width: auto;
	}

	.sl-mega__panel > .menu-item > .softlance-menu__link {
		position: relative;
		padding: 1rem 0.625rem 0.625rem !important;
		font-size: 0.8125rem !important;
		font-weight: 800 !important;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--sl-blue-600, #183c8a) !important;
		background: transparent !important;
	}

	[data-theme="dark"] .sl-mega__panel > .menu-item > .softlance-menu__link {
		color: #9db9f6 !important;
	}

	.sl-mega__panel > .menu-item > .softlance-menu__link::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0.625rem;
		width: 28px;
		height: 4px;
		border-radius: 2px;
		background: var(--sl-blue-500, #2563eb);
	}

	.sl-mega__panel > .menu-item > .softlance-menu__link::after {
		display: none !important;
	}

	/* Group links: always visible inside the panel, not a fly-out. */
	.sl-mega__panel .sub-menu {
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		pointer-events: auto !important;
		min-width: 0;
		padding: 0 !important;
		margin: 0;
		border: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
	}

	.sl-mega__panel .sub-menu .softlance-menu__link {
		font-size: 0.9375rem;
		padding: 0.5rem 0.625rem;
	}

	.sl-mega__panel .current-menu-item > .softlance-menu__link {
		background: rgba(37, 99, 235, 0.08);
		color: var(--sl-blue-500, #2563eb);
		font-weight: 700;
	}

	.sl-mega__promo {
		display: flex !important;
		flex-direction: column;
		gap: 0.625rem;
		padding: 1.5rem;
		border-radius: var(--sl-radius-xl, 1rem);
		background: var(--sl-blue-900, #0a1628);
		color: #fff;
	}

	[data-theme="dark"] .sl-mega__promo {
		background: #13264a;
	}

	.sl-mega__promo p {
		margin: 0;
	}

	.sl-mega__promo-eyebrow {
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #9db9f6;
	}

	.sl-mega__promo-title {
		font-size: 1.3125rem;
		font-weight: 800;
		line-height: 1.25;
	}

	.sl-mega__promo-text {
		font-size: 0.875rem;
		color: #cbd5e1;
	}

	.softlance-menu .sl-mega__promo .sl-mega__promo-btn {
		margin-top: auto;
		display: inline-flex;
		justify-content: center;
		min-height: 44px;
		align-items: center;
		padding: 0.75rem 1.125rem;
		border-radius: 999px;
		background: var(--sl-blue-500, #2563eb);
		color: #fff;
		font-weight: 800;
		font-size: 0.9375rem;
		white-space: nowrap;
	}

	.softlance-menu .sl-mega__promo .sl-mega__promo-btn:hover {
		background: #1d4cb0;
		color: #fff;
	}
}

/* Mobile drawer: no promo card (the drawer has its own CTA buttons). */
@media (max-width: 900px) {
	.sl-mega__promo {
		display: none !important;
	}
}

/* Header "Get Free AI Audit" button on AI pages (blocks/header/render.php). */
.sl-header-ai-cta {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.625rem 1.25rem;
	border-radius: 999px;
	background: var(--sl-blue-500, #2563eb);
	color: #fff !important;
	font-weight: 800;
	font-size: 0.9375rem;
	text-decoration: none;
	white-space: nowrap;
}

.sl-header-ai-cta:hover {
	background: #1d4cb0;
}

@media (max-width: 900px) {
	.sl-header-ai-cta {
		display: none;
	}
}

/* Footer with the AI Automation column (blocks/footer/render.php): 5 columns. */
@media (min-width: 1181px) {
	.softlance-footer__inner--ai {
		grid-template-columns: minmax(220px, 1.2fr) repeat(4, minmax(0, 1fr));
	}
}