/* Testimonials Block
--------------------------------------------- */

.block-testimonials {
	--testimonial-border: var(--wp--custom--border);
	padding-top: var(--space-l-3xl);
	padding-bottom: var(--space-l-3xl);
	background-color: var(--wp--preset--color--accent-2);
	margin-top: var(--wp--custom--layout--block-gap);
    margin-bottom: var(--wp--custom--layout--block-gap);
}

.block-testimonials  * {
	color: var(--wp--preset--color--theme-2);
}

.block-testimonials .testimonials-wrapper {
	border-top: var(--testimonial-border);
	border-bottom: var(--testimonial-border);
	max-width: 100% !important;
}

.block-testimonials .testimonial-inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs-s);
}

.block-testimonials .testimonial-quote *:first-child {
	margin-top: 0;
}
.block-testimonials .testimonial-quote *:last-child {
	margin-bottom: 0;
}
.block-testimonials .testimonial-quote p {
	font-size: var(--wp--preset--font-size--large);
}
.block-testimonials .testimonial-attribution {
	margin-top: var(--space-l);
}
.block-testimonials .testimonial-name {
	font-weight: 600;
}


/**
 * Carousel Mode
 ---------------------------------------------  */


/**
 * Media Queries
 ---------------------------------------------  */
@media (max-width: 768px) {

	.block-testimonials .testimonials-wrapper {
		padding: var(--wp--preset--spacing--40) var(--wp--style--root--padding-right);
	}
	.block-testimonials .swiper {
		padding-bottom: 100px;
	}
	.block-testimonials .swiper-button-next,
	.block-testimonials .swiper-button-prev {
		top: auto;
		bottom: -0px;

	}

}

@media (min-width: 768px) {

	.block-testimonials  {
		--swiper-navigation-size: 60px;
	}
	.block-testimonials .swiper {
		position: relative;
		padding: 0 150px;
		max-width: var(--wp--style--global--wide-size);
		margin-inline: auto;
	}
	.block-testimonials .swiper-wrapper {
		overflow: hidden;
		border-right: var(--testimonial-border);
		border-left: var(--testimonial-border);
	}
	.block-testimonials .swiper-slide {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
		width: calc(100% - (var(--wp--preset--spacing--40) * 2)) !important;
	}
	.block-testimonials .swiper-button-next,
	.block-testimonials .swiper-button-prev {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 150px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 0;
	}
	.block-testimonials .swiper-button-next svg,
	.block-testimonials .swiper-button-prev svg {
		width: var(--swiper-navigation-size);
		height: var(--swiper-navigation-size);
	}
	.block-testimonials .swiper-button-prev {
		left: 0;
	}
	.block-testimonials .swiper-button-next {
		right: 0;
	}
}



/**
 * Editor Styles
 ---------------------------------------------  */

.editor-styles-wrapper .block-testimonials.mode-carousel .swiper-wrapper {
	display: flex;
	gap: 10%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
}
.editor-styles-wrapper .block-testimonials.mode-carousel .swiper-slide {
	width: 90%;
	flex-shrink: 0;
	opacity: 0.3;
}
.editor-styles-wrapper .block-testimonials.mode-carousel .swiper-slide:first-child {
	opacity: 1;
}