/* Homepage testimonials marquee -- split out of flex-blocks.css into its own conditionally-
   loaded file (gated on bespokeHomepageTestimonials in global/_head.twig), matching the
   flex-safety-scorecard.css pattern. Cards are recycled by flex-marquees.js. Card styling
   matches flex-review-grid's card exactly -- these are the same reviews moved from that
   retiring page onto the homepage. */
.flex-home-testimonials { background: var(--slate-100); padding: var(--spacing-2xl) 0; overflow: hidden; }
.flex-home-testimonials__heading-row { display: flex; align-items: baseline; gap: var(--spacing-md); flex-wrap: wrap; }
.flex-home-testimonials__kicker { font-family: var(--font-family-mono); letter-spacing: 2px; text-transform: uppercase; color: var(--red-500); }
.flex-home-testimonials__heading { font-family: var(--font-family-primary); font-weight: 800; font-size: var(--font-size-xl); color: var(--slate-700); margin: 12px 0 var(--spacing-lg); }
.flex-home-testimonials__controls { display: flex; align-items: center; gap: var(--spacing-xs); margin: 12px 0 var(--spacing-lg); }
.flex-home-testimonials__pause-btn,
.flex-home-testimonials__control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--slate-600);
  background: var(--color-white);
  border: 1px solid var(--slate-400);
  border-radius: 50%;
  cursor: pointer;
}
.flex-home-testimonials__pause-btn:hover,
.flex-home-testimonials__control-btn:hover { border-color: var(--red-500); color: var(--red-500); }
.flex-home-testimonials__icon { width: 16px; height: 16px; }

.flex-home-testimonials__track {
  --gap: 1.25rem;
  display: flex;
  overflow: hidden;
  gap: var(--gap);
}
.flex-home-testimonials__track + .flex-home-testimonials__track { margin-top: var(--gap); }

.flex-home-testimonials__row-content {
  display: flex;
  gap: var(--gap);
  will-change: transform;
}

.flex-home-testimonials__card {
  flex: 0 0 360px;
  border: 1px solid var(--slate-200);
  background: var(--color-white);
  padding: var(--spacing-lg);
}
.flex-home-testimonials__card-top { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
.flex-home-testimonials__stars { color: var(--star-gold); letter-spacing: 2px; font-size: var(--font-size-lg); }
.flex-home-testimonials__badge { font-family: var(--font-family-mono); font-size: var(--font-size-xsm); letter-spacing: 2px; text-transform: uppercase; border: 1px solid var(--slate-400); padding: 3px 8px; color: var(--slate-600); white-space: nowrap; }
.flex-home-testimonials__card--g2 .flex-home-testimonials__badge { color: #FF492C; border-color: #FF492C; }
.flex-home-testimonials__card--sf .flex-home-testimonials__badge { color: #EE7B22; border-color: #EE7B22; }
.flex-home-testimonials__card--gartner .flex-home-testimonials__badge { color: #00305E; border-color: #00305E; }
.flex-home-testimonials__card--case .flex-home-testimonials__badge { color: var(--red-500); border-color: var(--red-500); }
.flex-home-testimonials__quote { color: var(--slate-700); margin: 0; }
.flex-home-testimonials__attribution { margin-top: var(--spacing-md); padding-top: var(--spacing-sm); border-top: 1px solid var(--slate-200); }
.flex-home-testimonials__name { font-family: var(--font-family-primary); font-weight: 700; color: var(--slate-700); }
.flex-home-testimonials__sub { color: var(--slate-600); margin-top: 2px; }

/* Mobile shows the single-row markup instead of the 2-row one (shown/hidden, not reflowed --
   going from 2 rows to 1 needs different DOM content, not just a resize). */
.flex-home-testimonials__mobile-row { display: none; }

@media (max-width: 860px) {
  .flex-home-testimonials__card { flex-basis: 280px; }
  .flex-home-testimonials__rows { display: none; }
  .flex-home-testimonials__mobile-row { display: block; }
  /* No hover/auto-scroll on mobile (flex-marquees.js stops below this breakpoint) -- native
     swipe is the whole interaction. Scroll-snap treatment is shared with the logo marquee in
     flex-blocks.css (always loaded, unlike this file). */
  .flex-home-testimonials__controls { display: none; }
}