/**
 * Mega Menu — Style 4: Boxed Accent
 *
 * A dark navigation bar. Each item fills with the accent colour via a sweep
 * that rises from the bottom on hover / open, and panels carry a matching dark
 * theme. Bold and high-contrast for app-style headers.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-mega.captwiki-style-4 .captwiki-mega__bar {
	background: #0f1320;
}

.captwiki-mega.captwiki-style-4 .captwiki-mega__brand-text {
	color: #ffffff;
}

.captwiki-mega.captwiki-style-4 .captwiki-mega__toggle-bar {
	background: #ffffff;
}

.captwiki-mega.captwiki-style-4 .captwiki-mega__link {
	position: relative;
	color: #c7cde0;
	overflow: hidden;
	z-index: 0;
}

.captwiki-mega.captwiki-style-4 .captwiki-mega__link::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var( --captwiki-mm-accent );
	transform: translateY( 100% );
	transition: transform 0.3s cubic-bezier( 0.22, 1, 0.36, 1 );
}

.captwiki-mega.captwiki-style-4 .captwiki-mega__link:hover,
.captwiki-mega.captwiki-style-4 .captwiki-mega__item.is-open .captwiki-mega__link {
	color: #ffffff;
}

.captwiki-mega.captwiki-style-4 .captwiki-mega__link:hover::before,
.captwiki-mega.captwiki-style-4 .captwiki-mega__item.is-open .captwiki-mega__link::before,
.captwiki-mega.captwiki-style-4.captwiki-mega--hover .captwiki-mega__item--mega:hover .captwiki-mega__link::before {
	transform: translateY( 0 );
}

.captwiki-mega.captwiki-style-4 .captwiki-mega__panel {
	background: #161b2c;
	border: 1px solid rgba( 255, 255, 255, 0.08 );
	border-radius: 14px;
	box-shadow: 0 30px 56px -28px rgba( 0, 0, 0, 0.8 );
	margin-top: 8px;
	color: #e7eaf3;
}
