/* Témoignages : citation, auteur, et vidéo Vimeo chargée au clic (voir temoignages.js).
   Le fond des cartes se règle avec --temoin-fond selon la page. */
.temoins { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.temoin {
  margin: 0;
  display: flex; flex-direction: column; gap: 18px;
  background: var(--temoin-fond, var(--dc-creme));
  padding: 26px 24px 24px;
}
.temoin::before { content: ""; width: 40px; height: 3px; background: var(--dc-accent); }

.temoin-citation {
  margin: 0;
  font-family: var(--dc-font-title);
  font-size: 1.6rem;
  line-height: 1.15;
  color: var(--dc-charbonneux);
}

.temoin-auteur { display: flex; align-items: center; gap: 14px; font-size: var(--dc-size-sm); line-height: 1.35; color: var(--dc-text-muted); }
.temoin-auteur img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: none; }
.temoin-auteur strong { display: block; color: var(--dc-charbonneux); font-weight: 700; }

.temoin-lire {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--dc-font-body); font-size: var(--dc-size-sm); font-weight: 700;
  color: var(--dc-accent);
  background: none; border: 0; padding: 0;
  cursor: pointer;
}
.temoin-lire::before {
  content: ""; flex: none;
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--dc-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M1 0l11 7-11 7z' fill='%23F7F1E6'/%3E%3C/svg%3E") no-repeat 55% 50% / 13px;
}
.temoin-lire .duree { font-weight: 400; color: var(--dc-text-muted); }
.temoin-lire:hover span:first-child { text-decoration: underline; text-underline-offset: 3px; }
.temoin-lire:focus-visible { outline: 2px solid var(--dc-accent); outline-offset: 4px; }

.temoin-lecteur { position: relative; aspect-ratio: 16 / 9; background: var(--dc-charbonneux); }
.temoin-lecteur iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }