/**
 * Mega Menu — Style 3: Underline Slide
 *
 * A minimal, borderless bar. A gradient underline slides out from the centre
 * under the hovered / open item. Panels are borderless with a bold accent top
 * rule and a deep, lifted shadow.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-mega.captwiki-style-3 .captwiki-mega__bar {
	background: transparent;
}

.captwiki-mega.captwiki-style-3 .captwiki-mega__link {
	position: relative;
	border-radius: 0;
}

.captwiki-mega.captwiki-style-3 .captwiki-mega__link::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient( 90deg, var( --captwiki-mm-accent ), color-mix( in srgb, var( --captwiki-mm-accent ) 50%, #ffffff ) );
	transform: translateX( -50% );
	transition: width 0.3s ease;
}

.captwiki-mega.captwiki-style-3 .captwiki-mega__link:hover,
.captwiki-mega.captwiki-style-3 .captwiki-mega__item.is-open .captwiki-mega__link {
	color: var( --captwiki-mm-accent );
}

.captwiki-mega.captwiki-style-3 .captwiki-mega__link:hover::after,
.captwiki-mega.captwiki-style-3 .captwiki-mega__item.is-open .captwiki-mega__link::after,
.captwiki-mega.captwiki-style-3.captwiki-mega--hover .captwiki-mega__item--mega:hover .captwiki-mega__link::after {
	width: calc( 100% - 28px );
}

.captwiki-mega.captwiki-style-3 .captwiki-mega__panel {
	background: #ffffff;
	border-radius: 0 0 16px 16px;
	border-top: 4px solid var( --captwiki-mm-accent );
	box-shadow: 0 34px 60px -30px rgba( 17, 24, 39, 0.6 );
	margin-top: 6px;
}
