/* avis-clients.css — l'avis client de la page d'accueil (28.10.2026)
   Carte blanche, arrondie, centrée, étoiles jaunes, texte en italique : le design de la capture
   donnée par Mathis. Un VRAI avis Trustpilot, recopié tel quel ; jamais d'avis inventé. */
.avis-sec{padding:clamp(72px,10vh,120px) 0;background:#F4F6F8}
.avis-sec .wrap{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.avis-sec h2{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.avis-carte{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:460px;padding:30px 28px 36px;background:#fff;border:1px solid #C9D2DC;border-radius:26px;color:#14121F;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
.avis-carte:hover{box-shadow:0 14px 36px -18px rgba(10,37,64,.28);transform:translateY(-2px)}
.avis-nom{font:700 26px/1.2 Outfit,Inter,sans-serif}
.avis-sous{font-weight:600;font-size:15px}
.avis-etoiles{display:flex;gap:7px;margin:10px 0 8px}
.avis-etoiles svg{width:30px;height:30px;fill:#F5B400}
.avis-carte blockquote{margin:0;font-style:italic;font-size:17px;line-height:1.5;max-width:32ch}
.avis-trad{font-size:12px;color:#6B7280}
.avis-trad:empty{display:none}
.avis-lien{font-weight:600;font-size:14px;color:#14121F;text-decoration:underline;text-underline-offset:3px}

/* Badge Trustpilot sous le haut de page (28.10.2026), d'après la capture de Mathis : logo et
   cinq cases vertes à étoile blanche (le dessin de Trustpilot) sur une ligne, le texte dessous.
   Un clic descend à l'avis (#avis). */
.tp-bande{padding:30px 0 10px;background:#fff}
.tp-badge{display:inline-flex;flex-direction:column;gap:8px;color:#14121F;text-decoration:none}
.tp-haut{display:flex;align-items:center;gap:14px}
.tp-logo{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:22px;letter-spacing:-.02em}
.tp-logo svg{width:28px;height:28px;fill:#00B67A}
.tp-etoiles{display:inline-flex;gap:4px}
.tp-case{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#00B67A;border-radius:4px;transition:transform .2s ease}
.tp-case svg{width:22px;height:22px;fill:#fff}
.tp-badge:hover .tp-case{transform:translateY(-2px)}
.tp-badge:hover .tp-case:nth-child(2){transition-delay:.03s}.tp-badge:hover .tp-case:nth-child(3){transition-delay:.06s}.tp-badge:hover .tp-case:nth-child(4){transition-delay:.09s}.tp-badge:hover .tp-case:nth-child(5){transition-delay:.12s}
.tp-ligne{display:inline-flex;align-items:center;gap:8px}
.tp-texte{font-size:17px;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease}
.tp-badge:hover .tp-texte{text-decoration-color:#00B67A}
.tp-fleche{width:17px;height:17px;color:#6B7280;transition:transform .2s ease,color .2s ease}
.tp-badge:hover .tp-fleche{transform:translateY(3px);color:#00B67A}
#avis{scroll-margin-top:90px}
@media (max-width:560px){.tp-logo{font-size:19px}.tp-logo svg{width:24px;height:24px}.tp-case{width:27px;height:27px}.tp-case svg{width:19px;height:19px}.tp-texte{font-size:15.5px}}