/* ============ Page /audit/avis — tous les avis (style Trustpilot) ============
   Reutilise les tokens et les cartes (.a-rv-card, .a-rv-stars, .a-rv-av...) de audit.css. */

.av-main{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 90px;}

/* ----- Hero score ----- */
.av-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center;
  padding:clamp(30px,5vw,54px) 0 clamp(26px,4vw,40px);}
.av-hero-l{text-align:left;}
.av-crumb{font-size:13px;color:var(--ink-soft);margin-bottom:14px;}
.av-crumb a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line-2);}
.av-crumb a:hover{color:var(--gold);}
.av-hero h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(30px,5vw,50px);line-height:1.05;letter-spacing:-.01em;margin:0 0 8px;}
.av-hero h1 em{font-style:italic;color:var(--gold);}
.av-tp{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:17px;color:var(--ink);margin-bottom:18px;}
.av-tp svg{width:20px;height:20px;}
.av-score-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px;}
.av-score-num{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink);}
.av-score-num span{font-size:26px;color:var(--ink-soft);font-weight:700;}
.av-score-meta{display:flex;flex-direction:column;gap:6px;}
.av-score-txt{font-size:14.5px;color:var(--ink-soft);}
.av-score-txt strong{color:var(--ink);}
.av-cert{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#0a7a54;background:rgba(0,182,122,.1);border:1px solid rgba(0,182,122,.3);padding:6px 12px;border-radius:999px;width:max-content;}
.av-cert svg{width:13px;height:13px;}

/* ----- Distribution ----- */
.av-dist{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 16px 40px -26px rgba(20,20,20,.22);}
.av-dist-row{display:grid;grid-template-columns:54px 1fr 46px;align-items:center;gap:12px;font-size:13px;color:var(--ink-soft);}
.av-dist-row b{color:var(--ink);font-weight:600;}
.av-dist-bar{height:9px;border-radius:6px;background:var(--cream-2);overflow:hidden;}
.av-dist-fill{height:100%;background:#00b67a;border-radius:6px;}
.av-dist-pct{text-align:right;font-variant-numeric:tabular-nums;}

/* ----- Toolbar ----- */
.av-tools{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  padding:16px 0;margin-bottom:8px;background:linear-gradient(var(--cream) 78%,rgba(250,246,239,0));backdrop-filter:blur(2px);}
.av-search{flex:1 1 240px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:11px 16px;}
.av-search svg{width:16px;height:16px;color:var(--ink-soft);flex-shrink:0;}
.av-search input{border:0;outline:0;background:transparent;font-family:inherit;font-size:15px;color:var(--ink);width:100%;}
.av-filters{display:inline-flex;gap:6px;flex-wrap:wrap;}
.av-pill{border:1px solid var(--line-2);background:#fff;color:var(--ink-soft);font-family:inherit;font-size:13.5px;font-weight:600;padding:9px 15px;border-radius:999px;cursor:pointer;transition:.2s;}
.av-pill:hover{border-color:var(--gold);color:var(--ink);}
.av-pill.is-active{background:var(--ink);color:var(--cream);border-color:var(--ink);}
.av-sort{border:1px solid var(--line-2);background:#fff;color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:999px;cursor:pointer;}
.av-count{width:100%;font-size:13px;color:var(--ink-soft);}
.av-count b{color:var(--ink);}

/* ----- Grille masonry ----- */
.av-grid{column-count:3;column-gap:18px;}
.av-grid .a-rv-card{break-inside:avoid;margin:0 0 18px;}
.av-card-empty{text-align:center;color:var(--ink-soft);padding:50px 0;}

/* etoile vide (avis 4/5, 3/5) */
.a-rv-stars i.is-off{background:#d9d4c7;}

/* reponse de l'agence */
.av-reply{margin-top:14px;padding:13px 15px;background:var(--cream-2);border-radius:12px;border-left:3px solid var(--gold);}
.av-reply-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:5px;}
.av-reply-h svg{width:14px;height:14px;color:var(--gold);}
.av-reply p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft);}

/* ----- CTA ----- */
.av-cta{text-align:center;margin-top:60px;padding:clamp(34px,5vw,52px) 24px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 50px -30px rgba(20,20,20,.25);}
.av-cta h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(24px,3.4vw,36px);margin:0 0 10px;}
.av-cta p{color:var(--ink-soft);max-width:52ch;margin:0 auto 22px;}

@media (max-width:960px){
  .av-hero{grid-template-columns:1fr;gap:26px;}
  .av-grid{column-count:2;}
}
@media (max-width:600px){
  .av-grid{column-count:1;}
  .av-score-num{font-size:46px;}
  .av-tools{position:static;}
}