/**
 * Mega Menu — Style 2: Pill Nav
 *
 * A transparent bar where each item is a rounded pill. Hover tints the pill;
 * the open item becomes a solid accent pill with white text. Panels are rounded
 * cards with a thin accent top edge.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

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

.captwiki-mega.captwiki-style-2 .captwiki-mega__link {
	border-radius: 999px;
}

.captwiki-mega.captwiki-style-2 .captwiki-mega__link:hover {
	color: var( --captwiki-mm-accent );
	background: color-mix( in srgb, var( --captwiki-mm-accent ) 12%, transparent );
}

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

.captwiki-mega.captwiki-style-2 .captwiki-mega__panel {
	background: #ffffff;
	border-radius: 16px;
	border-top: 3px solid var( --captwiki-mm-accent );
	box-shadow: 0 24px 46px -26px rgba( 17, 24, 39, 0.55 );
	margin-top: 10px;
}

.captwiki-mega.captwiki-style-2 .captwiki-mega__badge {
	background: #111827;
}
