/* Testimonials: two marquee rows of cards (dark background) */
.testimonials { display: grid; gap: var(--space-4); margin-block-start: var(--space-8); }
.marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.marquee__track { display: flex; gap: var(--space-4); width: max-content; margin: 0; padding: 0; list-style: none; animation: marquee 80s linear infinite; }
.marquee--reverse .marquee__track { animation-direction: reverse; }
.marquee:hover .marquee__track, .marquee:focus-within .marquee__track { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(50%); } }
/* Equal width, full text (nothing cut), and every card in a row stretches to the same height */
.testimonial { flex: none; width: min(340px, 80vw); padding: var(--space-5); border-radius: var(--radius-md); background: var(--color-surface-dark); border: var(--border-width) solid color-mix(in srgb, var(--color-bg) 8%, transparent); transition: border-color 0.3s, transform 0.4s var(--ease-out); }
.testimonial:hover { border-color: color-mix(in srgb, var(--color-secondary) 60%, transparent); transform: translateY(-4px); }
.testimonial__head { display: flex; align-items: center; gap: var(--space-3); margin-block-end: var(--space-3); }
.testimonial__head img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid var(--color-secondary); }
.testimonial__name { margin: 0; font-weight: var(--weight-bold); font-size: var(--text-sm); }
.testimonial__role { margin: 0; font-size: 0.8125rem; opacity: 0.65; }
.testimonial__text { margin: 0; font-size: var(--text-sm); line-height: 1.35; opacity: 0.85; }
.testimonial__text p { margin: 0; }
/* English card: photo stays on the right (like the Hebrew cards); name and text read left to right */
.testimonial--en .testimonial__head > div { flex: 1; direction: ltr; text-align: left; }
.testimonial--en .testimonial__text { direction: ltr; text-align: left; }
@media (prefers-reduced-motion: reduce) { .marquee__track { animation: none; } .marquee { overflow-x: auto; } }

/* Pause button for the moving rows (accessibility: anything moving for more than 5 seconds can be stopped) */
[data-marquee-group] { position: relative; }
.marquee-pause { position: absolute; z-index: 2; inset-block-start: -48px; inset-inline-end: var(--gutter); display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: var(--border-width) solid color-mix(in srgb, currentColor 35%, transparent); border-radius: 50%; background: color-mix(in srgb, var(--color-primary) 60%, transparent); color: var(--color-bg); cursor: pointer; }
.marquee-pause__icon { width: 10px; height: 10px; border-inline: 3px solid currentColor; }
.marquee-pause[aria-pressed="true"] .marquee-pause__icon { width: 0; height: 0; border: 0; border-block: 6px solid transparent; border-inline-end: 9px solid currentColor; }
.is-paused .marquee__track { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .marquee-pause { display: none; } }