/* Accueil HIT Production — témoignages clients (cartes inspirées du module Cosma, charte HIT). */
.temoignages{background:var(--bg-blue);overflow-x:clip}

.tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(1.25rem,3vw,2.25rem);
  max-width:1040px;margin-inline:auto;align-items:start}

.tm-card{margin:0;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.6rem,3vw,2.25rem);
  background:radial-gradient(circle at 50% 0%,#fff 0%,#fff 55%,#f8fbff 100%);
  border:1.5px solid rgba(37,99,235,.16);border-radius:var(--radius-panel);box-shadow:var(--shadow-card);
  transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}
.tm-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}

.tm-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}
.tm-avatar{width:104px;height:104px;border-radius:999px;object-fit:cover;display:block;margin-bottom:.35rem;
  border:3px solid var(--accent-bright);box-shadow:0 0 0 5px rgba(37,99,235,.10),0 10px 24px rgba(15,23,42,.14)}
.tm-head figcaption{display:flex;flex-direction:column;align-items:center;gap:.3rem}
.tm-name{font-family:var(--font-title);font-weight:800;font-size:1.35rem;line-height:1.2;color:var(--ink)}
.tm-role{font-family:var(--font-body);font-style:italic;font-size:.95rem;line-height:1.4;color:var(--ink-soft)}
.tm-site{margin-top:.2rem;font-family:var(--font-body);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--primary);text-decoration:none;border-bottom:1px solid rgba(37,99,235,.35);padding-bottom:1px}
.tm-site:hover,.tm-site:focus-visible{color:var(--primary-deep);border-bottom-color:var(--primary-deep)}

.tm-divider{display:block;width:56px;height:2px;margin:.1rem auto;border-radius:4px;
  background:linear-gradient(90deg,transparent,var(--accent-bright),transparent)}

.tm-quote{position:relative;margin:0;padding:.6rem 1rem 1.2rem 1.4rem}
.tm-quote p{margin:0;font-family:var(--font-title);font-style:italic;font-weight:400;font-size:1.08rem;line-height:1.7;color:var(--ink)}
.tm-quote::before{content:'\201C';position:absolute;left:-.55rem;top:-1.9rem;font-family:var(--font-title);font-size:5.4rem;line-height:1;color:var(--primary);opacity:.9}
.tm-quote::after{content:'\201D';position:absolute;right:-.2rem;bottom:-3.1rem;font-family:var(--font-title);font-size:5.4rem;line-height:1;color:var(--accent-bright)}

@media (max-width:600px){
  .tm-avatar{width:88px;height:88px}
  .tm-quote{padding-inline:1.1rem .6rem}
  .tm-quote p{font-size:1.02rem}
}
@media (prefers-reduced-motion:reduce){.tm-card,.tm-card:hover{transition:none;transform:none}}

/* ===== Carrousel « coverflow » (activé par temoignages.js ; sans JavaScript, la grille ci-dessus reste) ===== */
.tm-cf{position:relative;display:block;max-width:1180px;margin-inline:auto;padding:1.25rem 5.5rem 2rem}
.tm-cf:focus-visible{outline:2px solid var(--primary);outline-offset:6px;border-radius:var(--radius-panel)}
.tm-cf .tm-stage{position:relative;width:100%;min-height:520px;user-select:none;touch-action:pan-y pinch-zoom}
.tm-cf .tm-card{position:absolute;top:0;left:50%;width:clamp(380px,42vw,540px);margin:0;
  transition:transform .52s cubic-bezier(.22,.61,.36,1),opacity .34s ease,filter .34s ease,box-shadow .3s var(--ease-out);will-change:transform,opacity}
.tm-cf .tm-card.tm-active{box-shadow:0 1px 2px rgba(15,23,42,.06),0 22px 50px -14px rgba(15,23,42,.28)}

.tm-arrow,.tm-mbtn{display:grid;place-items:center;padding:0;cursor:pointer;border-radius:999px;
  background:var(--primary);border:2px solid var(--accent-bright);box-shadow:0 10px 26px rgba(15,23,42,.22);
  transition:transform .16s ease,background .16s ease;-webkit-tap-highlight-color:transparent}
.tm-arrow{position:absolute;top:50%;z-index:900;width:52px;height:52px;margin-top:-26px}
.tm-arrow:hover,.tm-mbtn:hover{background:var(--primary-deep);transform:scale(1.06)}
.tm-prev{left:.75rem}.tm-next{right:.75rem}
.tm-arrow svg,.tm-mbtn svg{width:22px;height:22px;fill:#fff}
.tm-mnav,.tm-more{display:none}

@media (max-width:980px){
  .tm-cf{padding:.5rem 0 .25rem;overflow:hidden;margin-inline:calc(-1 * var(--gutter))}
  .tm-cf .tm-stage{min-height:0;transition:height .38s cubic-bezier(.22,.61,.36,1)}
  .tm-cf .tm-card{top:6px;width:min(calc(100vw - 2.5rem),560px);transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .32s ease}
  .tm-arrow{display:none}
  .tm-mnav{display:flex;align-items:center;justify-content:center;gap:1.4rem;padding:1rem 1rem .4rem}
  .tm-mbtn{width:48px;height:48px;touch-action:manipulation}
  .tm-mbtn:active{transform:scale(.93)}
  .tm-count{min-width:4.5rem;text-align:center;font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:.06em;color:var(--ink)}

  .tm-card.tm-long .tm-quote p{max-height:var(--tm-clamp,330px);overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}
  .tm-card.tm-long .tm-quote::after{display:none}
  .tm-card.tm-long.tm-open .tm-quote p{max-height:none;-webkit-mask-image:none;mask-image:none}
  .tm-card.tm-long.tm-open .tm-quote::after{display:block}
  .tm-card.tm-long .tm-more{display:inline-flex;align-self:center;margin:.2rem 0 0;padding:.6rem 1.3rem;border-radius:var(--radius-btn);cursor:pointer;
    border:1.5px solid var(--accent-bright);background:#fff;color:var(--primary);font-family:var(--font-body);font-weight:700;font-size:.9rem;line-height:1}
}
@media (prefers-reduced-motion:reduce){.tm-cf .tm-card{transition:none!important}}

/* Menu : l'onglet « Témoignages » ajouté, on resserre les onglets juste avant le passage au menu hamburger (900 px) pour qu'ils tiennent sur une ligne. */
@media (min-width:901px) and (max-width:980px){#menu-principal{gap:.8rem}}