/**
 * Side Menu — Style 4: Minimal Bar
 *
 * Borderless and quiet. The active item is marked by an accent left bar and a
 * light tint rather than a full fill — clean for content-heavy apps.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-sidenav.captwiki-style-4 {
	background: #ffffff;
	--captwiki-sn-hover-bg: transparent;
	--captwiki-sn-active-bg: color-mix( in srgb, var( --captwiki-sn-accent ) 10%, transparent );
	--captwiki-sn-active-color: var( --captwiki-sn-accent );
}

.captwiki-sidenav.captwiki-style-4 .captwiki-sidenav__link {
	border-radius: 0 8px 8px 0;
}

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

.captwiki-sidenav.captwiki-style-4 .captwiki-sidenav__item > .captwiki-sidenav__link {
	position: relative;
	border-left: 3px solid transparent;
}

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

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