/**
 * Testimonials block — shared front-end + editor styles.
 */

.eretail-testimonials {
	padding-block: var( --eretail-space-2xl, 96px );
}

.eretail-testimonials__heading {
	margin-bottom: var( --eretail-space-lg, 40px );
}

.eretail-testimonials__track {
	display: flex;
	gap: var( --eretail-space-md, 24px );
	overflow-x: auto;
	padding-bottom: var( --eretail-space-sm, 16px );
	scroll-snap-type: x mandatory;
}

.eretail-testimonials__card {
	flex: 0 0 280px;
	scroll-snap-align: start;
	border: 1px solid var( --eretail-color-border, #e5e5e5 );
	border-radius: var( --eretail-radius-md, 8px );
	padding: var( --eretail-space-lg, 40px );
}

.eretail-testimonials__stars {
	color: var( --eretail-color-border, #e5e5e5 );
	font-size: 1.1rem;
	letter-spacing: 2px;
	margin-bottom: var( --eretail-space-sm, 16px );
}

.eretail-testimonials__star.is-filled {
	color: #f5a623;
}

.eretail-testimonials__name {
	font-weight: 700;
	color: var( --eretail-color-heading, #111111 );
	margin-bottom: var( --eretail-space-sm, 16px );
	display: flex;
	align-items: center;
	gap: 6px;
}

.eretail-testimonials__verified {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #2fb344;
	color: #fff;
	font-size: 0.7rem;
}

.eretail-testimonials__quote {
	color: var( --eretail-color-text, #4a4a4a );
	margin-bottom: 0;
}

@media ( min-width: 782px ) {
	.eretail-testimonials__track {
		overflow-x: visible;
		flex-wrap: wrap;
	}

	.eretail-testimonials__card {
		flex: 1 1 calc( 33.333% - 24px );
	}
}