/**
 * Process Steps — Style 2: Vertical Timeline
 *
 * A left-hand rail runs through the markers, each step body sitting beside
 * its marker. Ideal for history / roadmap layouts.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-steps.captwiki-style-2 .captwiki-steps__item::before {
	content: "";
	position: absolute;
	top: calc( var( --captwiki-ps-marker ) + 6px );
	left: calc( var( --captwiki-ps-marker ) / 2 - 1.5px );
	width: 3px;
	height: calc( 100% + var( --captwiki-ps-gap ) - var( --captwiki-ps-marker ) - 12px );
	background: var( --captwiki-ps-line );
	border-radius: 3px;
}

.captwiki-steps.captwiki-style-2 .captwiki-steps__item:last-child::before {
	display: none;
}

.captwiki-steps.captwiki-style-2 .captwiki-steps__marker {
	background: #ffffff;
	border: 3px solid var( --captwiki-ps-accent );
	color: var( --captwiki-ps-accent );
}

.captwiki-steps.captwiki-style-2 .captwiki-steps__body {
	padding: 0 0 0 6px;
	transform: translateY( calc( var( --captwiki-ps-marker ) * 0.08 ) );
}
