/**
 * Side Menu — Style 5: Gradient Active
 *
 * Light surface with a vivid gradient-filled active item ( accent → secondary )
 * and a matching glow. Energetic and brand-forward.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-sidenav.captwiki-style-5 {
	background: #ffffff;
	--captwiki-sn-hover-bg: #f4f5fb;
	--captwiki-sn-active-color: #ffffff;
}

.captwiki-sidenav.captwiki-style-5 .captwiki-sidenav__link {
	border-radius: 12px;
}

.captwiki-sidenav.captwiki-style-5 .captwiki-sidenav__link:hover {
	color: var( --captwiki-sn-accent );
}

.captwiki-sidenav.captwiki-style-5 .captwiki-sidenav__item.is-active > .captwiki-sidenav__link {
	background-color: transparent;
	background-image: linear-gradient( 135deg, var( --captwiki-sn-accent ), var( --captwiki-sn-accent-2 ) );
	box-shadow: 0 14px 26px -12px var( --captwiki-sn-accent );
}

.captwiki-sidenav.captwiki-style-5 .captwiki-sidenav__item.is-active > .captwiki-sidenav__link .captwiki-sidenav__icon {
	color: #ffffff;
}
