/* =========================================================================
   Clients Feedback Block — slider layout only (card look lives in the theme's
   .review-text / .review-author rules). Runs on the shared engine (js/sws-slider.js).
   2 slides per view on desktop → 1 on tablet/mobile (was Swiper slidesPerView 2→1).
   Arrow look reproduces the previous .next-review / .prev-review styling 1:1.
   ========================================================================= */
.clients-feedback-block .review-slider-wraper { position: relative; }

.clients-feedback-block .swss__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
}
.clients-feedback-block .swss__viewport::-webkit-scrollbar { display: none; } /* WebKit */

.clients-feedback-block .swss__track {
	display: flex;
	flex-wrap: nowrap;
	gap: 30px; /* was Swiper spaceBetween: 30 */
}

/* 2 per view (desktop) */
.clients-feedback-block .swss__slide {
	flex: 0 0 calc((100% - 30px) / 2);
	scroll-snap-align: start;
}

/* 1 per view (≤ 991px) — matches the old Swiper breakpoint */
@media (max-width: 991px) {
	.clients-feedback-block .swss__slide { flex: 0 0 100%; }
}

/* Arrows — reproduce the old .next-review / .prev-review look */
.clients-feedback-block .swss__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 27px;
	height: 44px;
	z-index: 10;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	cursor: pointer;
	outline: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: color .2s ease;
}
.clients-feedback-block .swss__arrow--next { right: -25px; }
.clients-feedback-block .swss__arrow--prev { left: -25px; }
.clients-feedback-block .swss__arrow:hover { color: #028d40; }
.clients-feedback-block .swss__arrow img { display: block; width: 100%; height: auto; }

@media (max-width: 500px) {
	.clients-feedback-block .swss__arrow { display: none; }
}