/* ============================================================
   Bandeau « Ils nous font confiance » — scopé .trust-*
   Aucune dépendance : s'insère juste avant le <footer>
   ============================================================ */

.trust{
  padding:42px 0 46px;
  background:var(--foam,#EAF4FE);
  border-top:1px solid var(--line,#dbe8f7);
  position:relative;
  overflow:hidden;
}

.trust-title{
  font-family:var(--display,'Sora',sans-serif);
  font-size:clamp(19px,2.4vw,25px);
  font-weight:800;
  letter-spacing:-.3px;
  text-align:center;
  color:var(--ink,#052A66);
  margin:0;
}

.trust-title::after{
  content:"";
  display:block;
  width:54px;height:4px;
  margin:14px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--aqua,#1AA7F5),var(--brand,#0A6BD6));
}

/* ---------- Grille : toutes les tuiles ont STRICTEMENT la même taille ---------- */
.trust-grid{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:12px;
}

.trust-item{
  flex:0 0 auto;
  width:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:10px 8px 9px;
  background:#fff;
  border:1px solid var(--line,#dbe8f7);
  border-radius:16px;
  box-shadow:0 4px 14px rgba(5,42,102,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.trust-item:hover{
  transform:translateY(-4px);
  border-color:var(--aqua-300,#7CCBF8);
  box-shadow:0 14px 28px rgba(10,107,214,.16);
}

/* Cadre logo : ratio 3:2 identique à l'export des images (480x320)
   => même largeur de tuile = même hauteur de logo = même échelle pour tous */
.trust-logo{
  width:100%;
  aspect-ratio:3/2;
  display:grid;
  place-items:center;
}

.trust-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* Nom : hauteur figée sur 2 lignes pour que toutes les tuiles restent alignées */
.trust-name{
  margin-top:7px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:var(--font,'Inter',sans-serif);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.1px;
  color:var(--ink,#052A66);
  padding:0 2px;
}

/* ---------- Dark mode (body.dark) ---------- */
body.dark .trust{
  background:#0a2038;
  border-top-color:rgba(255,255,255,.08);
}
body.dark .trust-title{color:#e6eef8}
/* les tuiles restent claires : les logos restent lisibles en sombre */
body.dark .trust-item{
  background:#f4f8fd;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
body.dark .trust-item:hover{
  border-color:var(--aqua-300,#7CCBF8);
  box-shadow:0 14px 28px rgba(0,0,0,.4);
}
body.dark .trust-name{color:#0b2a52}

/* ---------- Responsive ---------- */
@media(max-width:760px){
  .trust{padding:34px 0 38px}
  .trust-grid{gap:10px}
  .trust-item{width:calc(33.333% - 7px);padding:9px 7px 8px;border-radius:14px}
  .trust-name{font-size:11.5px;height:28px;margin-top:6px}
}

@media(max-width:520px){
  .trust-item{width:calc(50% - 5px);padding:10px 9px 9px}
  .trust-name{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  .trust-item{transition:none}
  .trust-item:hover{transform:none}
}