/* testimonials.css — Αρχική · ενότητα 9: Μαρτυρίες (διπλό marquee) */
.testimonials { background: var(--bg); padding-block: var(--space-2xl); overflow: hidden; }

.t-heading { text-align: center; margin-bottom: var(--space-xl); }
.t-heading .eyebrow { justify-content: center; }
.t-title { margin-top: var(--space-2xs); }
.t-intro { margin: var(--space-sm) auto 0; color: var(--text-muted); max-width: 60ch; }

.marquee {
  display: flex; margin-block: var(--space-sm); overflow: hidden;
  /* fade στις άκρες */
  -webkit-mask: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.t-track { display: flex; gap: var(--space-md); width: max-content; }
.t-track[data-row="0"] { animation: tScrollLeft 110s linear infinite; }
.t-track[data-row="1"] { animation: tScrollRight 110s linear infinite; }

@keyframes tScrollLeft  { from { transform: translateX(0); }    to { transform: translateX(-50%); } }
@keyframes tScrollRight { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.t-card {
  width: clamp(280px, 80vw, 360px); flex: none;
  background: var(--bg-alt); border: 1px solid var(--line);
  border-radius: var(--radius-lg); padding: var(--space-lg);
  display: flex; flex-direction: column; gap: var(--space-sm);
  transition: transform .4s var(--ease), border-color .4s var(--ease);
}
.t-card:hover { transform: translateY(-6px); border-color: var(--accent); }

.t-stars { color: var(--accent); letter-spacing: 2px; font-size: 1.05rem; }
.t-quote {
  color: var(--text); line-height: 1.7; font-size: var(--fs-300); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
}
.t-meta { margin-top: 0; }
.t-author { display: block; font-weight: var(--weight-medium); color: var(--text); }
.t-role { display: block; margin-top: 2px; color: var(--text-muted); font-size: var(--fs-200); }

@media (prefers-reduced-motion: reduce) {
  .testimonials .marquee { overflow-x: auto; -webkit-mask: none; mask: none; }
  .t-track { animation: none !important; }
}


/* overrides */
.marquee {
  display: flex; margin-block: var(--space-sm);
  overflow-x: hidden;          /* κόβει μόνο οριζόντια */
  overflow-y: visible;         /* αφήνει το ανασήκωμα να φανεί */
  padding-block: 10px;         /* χώρος για το translateY(-6px) στο hover */
  -webkit-mask: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.t-track[data-row="0"] { animation: tScrollLeft 110s linear infinite; }
.t-track[data-row="1"] { animation: tScrollRight 110s linear infinite; }

.t-meta { margin-top: 0; }