/**
 * Side Menu — Style 3: Floating Cards
 *
 * Each row behaves like a card: it lifts on hover and the active item floats on
 * a white card with an accent left edge and shadow. Roomy and tactile.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-sidenav.captwiki-style-3 {
	background: #f5f6fb;
	--captwiki-sn-hover-bg: #ffffff;
	--captwiki-sn-active-bg: #ffffff;
	--captwiki-sn-active-color: var( --captwiki-sn-accent );
}

.captwiki-sidenav.captwiki-style-3 .captwiki-sidenav__link {
	border-radius: 12px;
	transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.captwiki-sidenav.captwiki-style-3 .captwiki-sidenav__link:hover {
	box-shadow: 0 10px 20px -14px rgba( 17, 24, 39, 0.5 );
	transform: translateY( -1px );
}

.captwiki-sidenav.captwiki-style-3 .captwiki-sidenav__item.is-active > .captwiki-sidenav__link {
	position: relative;
	box-shadow: 0 14px 26px -16px rgba( 17, 24, 39, 0.55 );
}

.captwiki-sidenav.captwiki-style-3 .captwiki-sidenav__item.is-active > .captwiki-sidenav__link::before {
	content: "";
	position: absolute;
	left: 0;
	top: 22%;
	bottom: 22%;
	width: 3px;
	border-radius: 3px;
	background: var( --captwiki-sn-accent );
}

.captwiki-sidenav.captwiki-style-3 .captwiki-sidenav__item.is-active > .captwiki-sidenav__link .captwiki-sidenav__icon {
	color: var( --captwiki-sn-accent );
}
