/**
 * Testimonial — Style 5: Filled Accent
 *
 * The slide is filled with the accent color and reversed to white text — a
 * high-impact card that draws the eye.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-testimonial.captwiki-style-5 .captwiki-testimonial__slide {
	padding: 34px 32px;
	color: #ffffff;
	background:
		linear-gradient( 155deg, var( --captwiki-ts-accent ), color-mix( in srgb, var( --captwiki-ts-accent ) 68%, #000 ) );
	border-radius: 18px;
	box-shadow: 0 24px 50px -28px var( --captwiki-ts-accent );
}

.captwiki-testimonial.captwiki-style-5 .captwiki-testimonial__content,
.captwiki-testimonial.captwiki-style-5 .captwiki-testimonial__name {
	color: #ffffff;
}

.captwiki-testimonial.captwiki-style-5 .captwiki-testimonial__role {
	color: rgba( 255, 255, 255, 0.82 );
}

.captwiki-testimonial.captwiki-style-5 .captwiki-testimonial__star {
	color: rgba( 255, 255, 255, 0.35 );
}

.captwiki-testimonial.captwiki-style-5 .captwiki-testimonial__star.is-filled {
	color: #ffffff;
}

/* Reverse the arrows so they read on the lighter page background. */
.captwiki-testimonial.captwiki-style-5 .captwiki-testimonial__arrow {
	color: var( --captwiki-ts-accent );
	background: #ffffff;
	box-shadow: 0 8px 20px -10px rgba( 17, 24, 39, 0.5 );
}
