/* =============================================================================
 * LITSLINK BLOCKS — Testimonial · centered card slider + CTA (acf/ll-testimonial-centered-cta)
 * Self-contained: block-scoped palette, literal font fallback. No global .block-head.
 * Palette sampled from the mockup cut (health-insurance / 14-seg-14 @1440).
 * Auto-advancing slider: one card visible, translateX track, no dots/arrows.
 * ========================================================================== */
.block-ll-testimonial-centered-cta {
	--tcc-ink: #010005;
	--tcc-name: #282f43;
	--tcc-quote: #374151;
	--tcc-muted: #737373;
	--tcc-subtitle: #374151;
	--tcc-eyebrow: #1690d3;
	--tcc-accent: #1690d3;
	--tcc-accent-dark: #127bb4;
	--tcc-star: #39a1da;
	--tcc-star-off: #d8e3ef;
	--tcc-glyph: #e0edff;
	--tcc-section-bg: #f9fafb;
	--tcc-card-bg: #ffffff;
	--tcc-card-border: #eef2f7;
	font-family: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--tcc-section-bg);
	padding: 80px 0;
	box-sizing: border-box;
}
.block-ll-testimonial-centered-cta *,
.block-ll-testimonial-centered-cta *::before,
.block-ll-testimonial-centered-cta *::after { box-sizing: border-box; }

.block-ll-testimonial-centered-cta__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ------ header ------ */
.block-ll-testimonial-centered-cta__head {
	text-align: center;
	max-width: 820px;
	margin: 0 auto 48px;
}
.block-ll-testimonial-centered-cta__eyebrow {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--tcc-eyebrow);
}
.block-ll-testimonial-centered-cta__title {
	margin: 0;
	font-size: 40px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--tcc-ink);
}
.block-ll-testimonial-centered-cta__subtitle {
	margin: 16px auto 0;
	max-width: 680px;
	font-size: 16px;
	line-height: 27px;
	color: var(--tcc-subtitle);
}

/* ------ slider viewport + track ------ */
.block-ll-testimonial-centered-cta__slider {
	max-width: 860px;
	margin: 0 auto;
	overflow: hidden;
	/* room so the subtle card shadow is not clipped by overflow */
	padding: 4px 4px 24px;
}
.block-ll-testimonial-centered-cta__track {
	display: flex;
	align-items: stretch;
	transition: transform .55s ease;
	will-change: transform;
}
.block-ll-testimonial-centered-cta__slide {
	flex: 0 0 100%;
	min-width: 100%;
	display: flex; /* let the card stretch to the tallest slide's height */
}
/* Single-item blocks (no slider) don't need any track machinery. */
.block-ll-testimonial-centered-cta.is-single .block-ll-testimonial-centered-cta__track {
	transition: none;
}

/* ------ card ------ */
.block-ll-testimonial-centered-cta__card {
	position: relative;
	width: 100%;
	background: var(--tcc-card-bg);
	border: 1px solid var(--tcc-card-border);
	border-radius: 24px;
	padding: 44px 56px 48px;
	text-align: center;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
.block-ll-testimonial-centered-cta__glyph {
	position: absolute;
	top: 40px;
	left: 56px;
	color: var(--tcc-glyph);
}

/* ------ quote (pushed clear of the glyph so it never overlaps) ------ */
.block-ll-testimonial-centered-cta__quote {
	margin: 40px auto 0;
	max-width: 760px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: var(--tcc-quote);
}

/* ------ author ------ */
.block-ll-testimonial-centered-cta__author {
	margin: 20px 0 0;
	font-size: 15px;
	line-height: 22px;
	color: var(--tcc-muted);
}
.block-ll-testimonial-centered-cta__name { font-weight: 700; color: var(--tcc-name); }
.block-ll-testimonial-centered-cta__role { color: var(--tcc-muted); }

/* ------ stars ------ */
.block-ll-testimonial-centered-cta__stars {
	display: inline-flex;
	gap: 4px;
	margin-top: 16px;
	color: var(--tcc-star);
}
.block-ll-testimonial-centered-cta__star { display: block; color: var(--tcc-star-off); }
.block-ll-testimonial-centered-cta__star.is-on { color: var(--tcc-star); }

/* ------ CTA pill (single, centered below the slider) ------ */
.block-ll-testimonial-centered-cta__cta-wrap {
	margin-top: 32px;
	text-align: center;
}
.block-ll-testimonial-centered-cta__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 28px;
	border-radius: 999px;
	background: var(--tcc-accent);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background-color .15s ease;
}
.block-ll-testimonial-centered-cta__cta:hover { background: var(--tcc-accent-dark); }
.block-ll-testimonial-centered-cta__cta svg { display: block; }

/* No autoplay motion for users who ask for reduced motion. */
@media (prefers-reduced-motion: reduce) {
	.block-ll-testimonial-centered-cta__track { transition: none; }
}

/* =========================================================== responsive -- */
@media (max-width: 1024px) {
	.block-ll-testimonial-centered-cta { padding: 64px 0; }
	.block-ll-testimonial-centered-cta__title { font-size: 32px; }
	.block-ll-testimonial-centered-cta__head { margin-bottom: 40px; }
}
@media (max-width: 767px) {
	.block-ll-testimonial-centered-cta { padding: 48px 0; }
	.block-ll-testimonial-centered-cta__title { font-size: 24px; line-height: 32px; }
	.block-ll-testimonial-centered-cta__card { padding: 40px 24px 36px; }
	.block-ll-testimonial-centered-cta__glyph { top: 24px; left: 20px; width: 36px; height: 28px; }
	.block-ll-testimonial-centered-cta__quote { margin-top: 32px; font-size: 16px; line-height: 26px; }
	.block-ll-testimonial-centered-cta__cta { width: 100%; justify-content: center; white-space: normal; text-align: center; }
	.block-ll-testimonial-centered-cta__cta-wrap { padding: 0 4px; }
}