/* Success story multi-video slider — styles for the 2+ video Swiper layout.
   Loaded only on success_story singles with count >= 2 (gated in enqueue-global-assets.php).
   Reuses .rw-success-single__video figure styles from success-story-single.css. */

.rw-success-videos {
	position: relative;
}

/* Slider outer clips overflow so inactive slide edges don't bleed */
.rw-success-videos__slider-outer {
	position: relative;
	overflow: hidden;
	border-radius: var(--rw-radius-lg);
}

/* Swiper: overflow visible inside outer clip so .swiper-slide fills full width */
.rw-success-videos__swiper {
	overflow: visible;
}

/* Each slide figure fills the slide — margin reset because .rw-success-single__video
   already provides border-radius and aspect-ratio. */
.rw-success-videos__slide-figure {
	margin: 0;
	border-radius: 0; /* outer slider-outer handles the radius */
}

/* Optional label below the poster */
.rw-success-videos__label {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0.5rem 1rem;
	background: rgba(0, 5, 12, 0.55);
	color: var(--rw-color-white);
	font-family: var(--rw-font-text);
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: center;
	z-index: 3;
}

/* Controls row: fraction left, nav arrows right */
.rw-success-videos__controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1rem;
	padding: 0 0.25rem;
}

.rw-success-videos__fraction {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--rw-font-mono);
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--rw-color-grey-02);
}

.rw-sv-line {
	display: block;
	width: 1.5rem;
	height: 1px;
	background: currentColor;
	opacity: 0.4;
}

.rw-success-videos__nav {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/* nav-btn reuses the pattern from testimonials-slider */
.rw-success-videos__nav .nav-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid rgba(9, 59, 77, 0.2);
	border-radius: var(--rw-radius-sm);
	background: transparent;
	color: var(--rw-color-primary-green);
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.rw-success-videos__nav .nav-btn:hover {
	background: var(--rw-color-primary-green);
	border-color: var(--rw-color-primary-green);
	color: var(--rw-color-white);
}

.rw-success-videos__nav .nav-btn:disabled,
.rw-success-videos__nav .nav-btn.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

@media (max-width: 767px) {
	.rw-success-videos__controls {
		margin-top: 0.75rem;
	}

	.rw-success-videos__nav .nav-btn {
		width: 2rem;
		height: 2rem;
	}
}