.biolit-testimonials-slider {
	--biolit-testimonials-slide-gap: var(--wp--preset--spacing--06);
	--biolit-testimonials-card-radius: 24px;
	--biolit-testimonials-image-radius: 24px;
	--biolit-testimonials-dot-size: 8px;
	--biolit-testimonials-dot-gap: var(--wp--preset--spacing--02);
}

.biolit-testimonials-slider__track {
	cursor: grab;
	display: flex;
	gap: var(--biolit-testimonials-slide-gap);
	overflow-x: auto;
	padding-bottom: var(--wp--preset--spacing--04);
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 1px;
	scrollbar-width: none;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
}

.biolit-testimonials-slider__track::-webkit-scrollbar {
	display: none;
}

.biolit-testimonials-slider__track.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	user-select: none;
}

.biolit-testimonials-slider__track.is-dragging * {
	pointer-events: none;
}

.biolit-testimonials-slide {
	align-items: stretch;
	display: grid;
	flex: 0 0 100%;
	gap: var(--biolit-testimonials-slide-gap);
	grid-template-columns: minmax(240px, 400px) minmax(0, 1fr);
	opacity: 0.65;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	transition: opacity 0.4s ease;
}

.biolit-testimonials-slide.is-active {
	opacity: 1;
}

.biolit-testimonials-slide__image {
	border-radius: var(--biolit-testimonials-image-radius);
	margin: 0;
	max-width: 400px;
	overflow: hidden;
	width: 100%;
}

.biolit-testimonials-slide__image img {
	display: block;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: transform 0.9s ease;
	will-change: transform;
	width: 100%;
}

.biolit-testimonials-slide__content {
	align-self: stretch;
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--grey-light);
	border-radius: var(--biolit-testimonials-card-radius);
	clip-path: inset(0 0 0 0);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--04);
	height: 100%;
	justify-content: space-between;
	opacity: 0.9;
	transition: opacity 0.4s ease, box-shadow 0.6s ease;
	will-change: clip-path, transform;
	padding: var(--wp--preset--spacing--06);
	margin: 0 1px;
}

.biolit-testimonials-slide.is-active .biolit-testimonials-slide__image,
.biolit-testimonials-slide.is-active .biolit-testimonials-slide__content {
	opacity: 1;
}

.biolit-testimonials-slide.is-active .biolit-testimonials-slide__image img {
	animation: biolit-testimonials-image-zoom 0.9s ease;
	animation-fill-mode: both;
}

.biolit-testimonials-slide.is-active .biolit-testimonials-slide__content {
	animation: biolit-testimonials-content-reveal 0.7s ease;
	animation-fill-mode: both;
}

@keyframes biolit-testimonials-image-zoom {
	from {
		transform: scale(1.3);
	}
	to {
		transform: scale(1);
	}
}

@keyframes biolit-testimonials-content-reveal {
	from {
		clip-path: inset(0 100% 0 0);
		transform: translateX(-14px);
	}
	to {
		clip-path: inset(0 0 0 0);
		transform: translateX(0);
	}
}

.biolit-testimonials-slide__text {
	color: var(--wp--preset--color--text);
	font-size: var(--wp--preset--font-size--body-m);
	letter-spacing: -0.21px;
	line-height: 1.4;
	margin: 0;
}

.biolit-testimonials-slide__meta {
	gap: 0;
}

.biolit-testimonials-slide__name {
	color: var(--wp--preset--color--green);
	font-size: var(--wp--preset--font-size--body-s);
	letter-spacing: -0.18px;
	line-height: 1.4;
	margin: 0;
}

.biolit-testimonials-slide__location {
	color: var(--wp--preset--color--grey);
	font-size: var(--wp--preset--font-size--body-xs);
	letter-spacing: -0.14px;
	line-height: 1.3;
	margin: 0;
}

.biolit-testimonials-slider__dots {
	display: flex;
	gap: var(--biolit-testimonials-dot-gap);
	justify-content: center;
}

.biolit-testimonials-slider__dots .wp-block-button {
	margin: 0;
}

.biolit-testimonials-slider__dot,
.biolit-testimonials-slider__dot .wp-block-button__link {
	appearance: none;
	background-color: var(--wp--preset--color--grey-light);
	border: none;
	border-radius: 999px;
	box-shadow: none;
	cursor: pointer;
	display: inline-flex;
	height: var(--biolit-testimonials-dot-size);
	justify-content: center;
	min-height: var(--biolit-testimonials-dot-size);
	min-width: var(--biolit-testimonials-dot-size);
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	transition: background-color 0.2s ease, transform 0.2s ease;
	width: var(--biolit-testimonials-dot-size);
}

.biolit-testimonials-slider__dot.is-active,
.biolit-testimonials-slider__dot.is-active .wp-block-button__link {
	background-color: var(--wp--preset--color--green);
	transform: scale(1.1);
}

.biolit-testimonials-slider__dot:focus-visible,
.biolit-testimonials-slider__dot .wp-block-button__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--green);
	outline-offset: 4px;
}

@media (max-width: 960px) {
	.biolit-testimonials-slide {
		gap: var(--wp--preset--spacing--05);
		grid-template-columns: minmax(0, 1fr);
	}

	.biolit-testimonials-slide__image {
		max-width: 100%;
	}

	.biolit-testimonials-slider {
		--biolit-testimonials-dot-gap: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.biolit-testimonials-slider__track {
		scroll-behavior: auto;
	}

	.biolit-testimonials-slider__dot {
		transition: none;
	}

	.biolit-testimonials-slide,
	.biolit-testimonials-slide__image,
	.biolit-testimonials-slide__content {
		transition: none;
	}

	.biolit-testimonials-slide.is-active .biolit-testimonials-slide__image img,
	.biolit-testimonials-slide.is-active .biolit-testimonials-slide__content {
		animation: none;
	}
}
