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

.block-testimonials {
	--testimonial-name--color: var(--wp--preset--color--theme-1);
	padding-top: var(--space-m-xl);
	padding-bottom: var(--space-m-xl);
}

/* Contain the visible-overflow swiper so slides don't bleed past the viewport on mobile.
   overflow-x: clip (unlike hidden) doesn't create a scroll container, so vertical layout is unaffected. */
@media (max-width: 1023px) {
	.block-testimonials {
		overflow-x: clip;
	}
}
.block-testimonials.alignfull {
	overflow-x: clip;
}

.block-testimonials.alignfull .testimonials-wrapper {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.block-testimonials .testimonial-inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-m-l);
}
.block-testimonials .testimonial-quote:before {
	content: "\201C";
	font-family: var(--wp--preset--font-family--serif);
	font-size: 90px;
	line-height: 1;
	color: var(--testimonial-name--color);
	display: block;
    height: 45px;
    margin-bottom: 10px
}

.block-testimonials .testimonial-quote *:first-child {
	margin-top: 0;
}
.block-testimonials .testimonial-quote *:last-child {
	margin-bottom: 0;
}
.block-testimonials .testimonial-quote p {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--x-large);
}
.block-testimonials .testimonial-name {
	color: var(--testimonial-name--color);
	font-weight: 500;
}
.block-testimonials .testimonial-logo {
	max-width: 100px;
}


/* Carousel Styles */
.block-testimonials .swiper {
	display: block;
	position: relative;
	overflow: visible !important;
	padding-bottom: 30px;
}

.block-testimonials .swiper-slide {
	height: auto;
	opacity: 0.3;
	transition: opacity 0.4s ease;
}
.block-testimonials.layout-boxed .swiper-slide {
	opacity: 1;
}

.block-testimonials .swiper-slide.swiper-slide-active {
	opacity: 1;
}

/* Large active slide with peek effect */
@media (min-width: 1024px) {
	.block-testimonials .swiper-slide {
		width: 70%;
		margin-right: 10%;
	}
	.block-testimonials.layout-boxed .swiper-slide {
		width: 100%;
		margin: 0;
	}
}

/* Swiper scrollbar */
.block-testimonials .swiper-scrollbar {
	position: relative;
	margin-top: 3rem;
	height: 4px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	width: 100%;
	left: 0;
}

.block-testimonials .swiper-scrollbar-drag {
	background: var(--wp--preset--color--foreground);
	border-radius: 10px;
	cursor: grab;
}

.block-testimonials .swiper-scrollbar-drag:active {
	cursor: grabbing;
}

/* Media Queries */

@media (min-width: 768px) {
	.block-testimonials .testimonial-quote {
		max-width: 900px;
	}
}


/* Editor Styles */
.editor-styles-wrapper .block-testimonials .swiper-wrapper {
	display: flex;
	gap: 10%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
}
.editor-styles-wrapper .block-testimonials.layout-boxed .swiper-wrapper {
	gap: 1rem;
}

.editor-styles-wrapper .block-testimonials .swiper-slide {
	width: 70%;
	flex-shrink: 0;
	opacity: 0.3;
}
.editor-styles-wrapper .block-testimonials.layout-boxed .swiper-slide {
	width: 33.33%;
	opacity: 1;
}

.editor-styles-wrapper .block-testimonials .swiper-slide:first-child {
	opacity: 1;
}