/* =========================================================
   EXONAVA — Avis clients v2 (design premium) — 02/11/2026
   S'appuie sur les variables de la refonte (exonava-v2.css).
   ========================================================= */
.av{--av-gold:#E9A83A;--av-gold-2:#F4C15D;--av-ok:#0F7B4E;--av-ok-bg:#E6F4EC;--av-ease:cubic-bezier(.22,.7,.2,1);
  --av-sh-1:0 1px 2px rgba(13,17,57,.04),0 2px 8px rgba(13,17,57,.04);
  --av-sh-2:0 2px 6px rgba(13,17,57,.05),0 18px 44px -12px rgba(13,17,57,.16);
  font-family:var(--font-text);color:var(--ink);-webkit-font-smoothing:antialiased}
.av *{box-sizing:border-box}
.av [hidden]{display:none!important}
.av svg{display:block}

/* Apparition douce */
.av-rv{opacity:0;transform:translateY(14px);transition:opacity .7s var(--av-ease),transform .7s var(--av-ease)}
.av-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.av-rv{opacity:1;transform:none;transition:none}}

/* ---------- Étoiles (remplissage fractionnaire) ---------- */
.av-stars{position:relative;display:inline-block;line-height:0;--s:16px}
.av-stars-bg,.av-stars-fg{display:flex;gap:2px}
.av-stars-bg{color:#E6E1D7}
.av-stars-fg{position:absolute;inset:0;overflow:hidden;color:var(--av-gold);white-space:nowrap}
.av-stars svg{width:var(--s);height:var(--s);flex-shrink:0}
.av-stars-lg{--s:22px}

/* ---------- Boutons ---------- */
.av-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.av-actions-c{justify-content:center;margin-top:36px}
.av-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:var(--r-pill);
  font:600 15px/1 var(--font-text);letter-spacing:-.005em;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap;
  transition:background .25s var(--av-ease),color .25s,border-color .25s,box-shadow .25s,transform .2s var(--av-ease)}
.av-btn svg{width:18px;height:18px;flex-shrink:0;transition:transform .25s var(--av-ease)}
.av-btn:hover svg:last-child{transform:translateX(3px)}
.av-btn:active{transform:scale(.98)}
.av-btn:focus-visible,.av-bar:focus-visible,.av-chips button:focus-visible,.av-rate button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.av-btn-main{background:var(--magenta-strong);color:#fff;box-shadow:0 8px 22px -10px rgba(212,17,111,.65)}
.av-btn-main:hover{background:var(--magenta-hover);box-shadow:0 12px 28px -10px rgba(212,17,111,.7)}
.av-btn-ghost{background:#fff;color:var(--navy);border-color:#DDD8CE}
.av-btn-ghost:hover{border-color:var(--navy)}
.av-btn-ghost.is-ok{color:var(--av-ok);border-color:var(--av-ok)}
.av-btn[disabled]{opacity:.6;cursor:progress}
.av-g{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;padding:12px 6px}
.av-g:hover{color:var(--navy)}
.av-g svg{width:18px;height:18px}
.av-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:avSpin .7s linear infinite}
@keyframes avSpin{to{transform:rotate(360deg)}}

/* ---------- Piliers de confiance ---------- */
.av-pillars{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.av-pillars li{display:flex;gap:14px;align-items:flex-start;padding:16px 4px;border-bottom:1px solid rgba(13,17,57,.07)}
.av-pillars li:last-child{border-bottom:0}
.av-pillars svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--blue-soft);color:var(--blue);flex-shrink:0}
.av-pillars b{display:block;font:700 15px/1.3 var(--font-title);color:var(--navy);margin-bottom:3px}
.av-pillars span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}

/* ---------- Note globale ---------- */
.av-score{display:grid;grid-template-columns:minmax(220px,.9fr) 1.2fr;gap:clamp(24px,4vw,56px);align-items:center;
  background:var(--navy);color:#fff;border-radius:var(--r-media);padding:clamp(26px,4vw,44px);position:relative;overflow:hidden;box-shadow:var(--av-sh-2)}
.av-score::before{content:'';position:absolute;width:420px;height:420px;right:-120px;top:-180px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(228,23,122,.32),transparent);pointer-events:none}
.av-score::after{content:'';position:absolute;width:360px;height:360px;left:-140px;bottom:-200px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(45,56,181,.45),transparent);pointer-events:none}
.av-score>*{position:relative;z-index:1}
.av-score-main{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.av-score-k{font:600 12px var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.av-score-n{font:800 clamp(4rem,9vw,6rem)/.9 var(--font-title);letter-spacing:-.06em;color:#fff}
.av-score-n small{font-size:.32em;letter-spacing:0;color:rgba(255,255,255,.5);margin-left:6px;font-weight:600}
.av-score .av-stars-bg{color:rgba(255,255,255,.18)}
.av-score .av-stars-fg{color:var(--av-gold-2)}
.av-score-s{font-size:14px;color:rgba(255,255,255,.7)}
.av-reco{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.08);font-size:13.5px;font-weight:600;color:#BFF0D6}
.av-reco svg{width:15px;height:15px}
.av-bars{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.av-bar{width:100%;display:grid;grid-template-columns:14px 14px 1fr 32px;align-items:center;gap:10px;background:none;border:0;border-radius:10px;padding:8px 10px;cursor:pointer;
  font:500 14px var(--font-text);color:rgba(255,255,255,.75);text-align:left;transition:background .2s}
.av-bar:hover,.av-bar[aria-pressed="true"]{background:rgba(255,255,255,.08);color:#fff}
.av-bar>svg{width:13px;height:13px;color:var(--av-gold-2)}
.av-bar i{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.av-bar i span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--av-gold),var(--av-gold-2));transition:width 1s var(--av-ease) .2s}
.av-score.in .av-bar i span{width:var(--w)}
.av-bar em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}
.av-rings{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:clamp(20px,3vw,30px);border-top:1px solid rgba(255,255,255,.1)}
.av-ring{display:flex;align-items:center;gap:12px}
.av-ring-c{--deg:0deg;width:56px;height:56px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  background:conic-gradient(var(--av-gold-2) var(--deg),rgba(255,255,255,.12) 0)}
.av-ring-c b{width:44px;height:44px;border-radius:50%;background:var(--navy);display:grid;place-items:center;font:700 14px var(--font-title);color:#fff}
.av-ring small{font-size:13px;line-height:1.35;color:rgba(255,255,255,.75)}
@media(max-width:900px){.av-score{grid-template-columns:1fr}.av-rings{grid-template-columns:repeat(2,1fr)}}

/* ---------- Cartes avis ---------- */
.av-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;align-items:start}
.av-card{background:#fff;border:1px solid rgba(13,17,57,.07);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:14px;
  box-shadow:var(--av-sh-1);transition:box-shadow .35s var(--av-ease),transform .35s var(--av-ease),border-color .35s}
.av-card:hover{box-shadow:var(--av-sh-2);transform:translateY(-3px);border-color:rgba(13,17,57,.1)}
.av-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.av-card-top time{font-size:13px;color:var(--muted)}
.av-title{font:700 17px/1.35 var(--font-title);letter-spacing:-.01em;color:var(--navy);margin:0}
.av-text{margin:0;font-size:15.5px;line-height:1.7;color:#2A3352;white-space:pre-line}
.av-more{color:var(--blue);font-weight:600;text-decoration:none;white-space:nowrap}
.av-more:hover{text-decoration:underline}
.av-prod{margin:0;font-size:13px;font-weight:500;color:var(--muted)}
.av-prod span{margin:0 4px}
.av-crit{list-style:none;margin:0;padding:12px 0 0;border-top:1px dashed rgba(13,17,57,.1);display:grid;grid-template-columns:1fr;gap:7px}
.av-crit li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
.av-crit b{color:var(--navy);font-weight:700}
.av-crit small{font-weight:500;color:var(--muted)}
.av-rep{background:var(--paper);border-radius:12px;padding:14px 16px}
.av-rep-k{display:block;font:600 12px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--magenta-strong);margin-bottom:6px}
.av-rep p{margin:0;font-size:14px;line-height:1.6;color:var(--ink)}
.av-who{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(13,17,57,.06)}
.av-ava{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font:700 13.5px var(--font-title);color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--navy))}
.av-who-t{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.av-who-t b{font-weight:600;font-size:14.5px;color:var(--navy)}
.av-who-t span{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.av-ver{margin-left:auto;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--av-ok);background:var(--av-ok-bg);border-radius:99px;padding:5px 10px}
.av-ver svg{width:12px;height:12px}
.av-page .av-list{display:block;columns:3 300px;column-gap:20px}
.av-page .av-card{break-inside:avoid;margin-bottom:20px}
@media(max-width:1000px){.av-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
  .av-list{grid-template-columns:1fr}
  .av-list-home{grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}
  .av-list-home::-webkit-scrollbar{display:none}
  .av-list-home .av-card{scroll-snap-align:start}
}

/* ---------- État vide ---------- */
.av-empty{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;background:#fff;border:1px solid rgba(13,17,57,.07);
  border-radius:var(--r-media);padding:clamp(28px,5vw,56px);box-shadow:var(--av-sh-2);position:relative;overflow:hidden}
.av-empty::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--magenta-strong),var(--blue))}
.av-empty-stars{display:inline-flex;gap:4px;color:var(--av-gold);margin-bottom:18px}
.av-empty-stars svg{width:22px;height:22px}
.av-empty h3{font:800 clamp(1.6rem,3vw,2.2rem)/1.12 var(--font-title);letter-spacing:-.035em;color:var(--navy);margin:0 0 14px;max-width:18ch}
.av-empty p{margin:0 0 26px;font-size:16px;line-height:1.65;color:var(--muted);max-width:52ch}
.av-empty-r{background:var(--paper);border-radius:16px;padding:8px 20px}
@media(max-width:860px){.av-empty{grid-template-columns:1fr}}
.av-skel{height:260px;border-radius:var(--r-media);background:linear-gradient(90deg,#F1EEE8 0%,#F8F6F2 50%,#F1EEE8 100%);background-size:200% 100%;animation:avSk 1.4s ease-in-out infinite}
@keyframes avSk{to{background-position:-200% 0}}

/* ---------- Page avis ---------- */
.av-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:clamp(40px,6vw,64px);scroll-margin-top:110px}
.av-chips{display:flex;flex-wrap:wrap;gap:8px}
.av-chips button{min-height:42px;padding:0 18px;border-radius:99px;border:1px solid #DDD8CE;background:#fff;font:500 14px var(--font-text);color:var(--ink);cursor:pointer;transition:all .2s}
.av-chips button:hover{border-color:var(--navy)}
.av-chips button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.av-sort{min-height:42px;border-radius:99px;border:1px solid #DDD8CE;background:#fff;padding:0 40px 0 18px;font:500 14px var(--font-text);color:var(--ink);cursor:pointer;
  appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230D1139' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 16px center}
.av-count{font-size:14px;color:var(--muted);margin:18px 0 0;display:flex;gap:12px;align-items:center}
.av-count b{color:var(--navy)}
.av-clear{background:none;border:0;color:var(--blue);font:600 14px var(--font-text);cursor:pointer;padding:6px 0}
.av-none{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0}
.av-loadmore{display:flex;justify-content:center;margin-top:28px}

/* ---------- Formulaire ---------- */
.av-form{background:#fff;border:1px solid rgba(13,17,57,.07);border-radius:24px;padding:clamp(22px,4.5vw,48px);max-width:780px;margin:0 auto;box-shadow:var(--av-sh-2)}
.av-steps{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;counter-reset:s}
.av-steps li{display:flex;flex-direction:column;gap:10px;font:600 13px var(--font-text);color:#A7A3B5;position:relative;padding-top:14px}
.av-steps li::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:99px;background:#EEEAE2;transition:background .4s var(--av-ease)}
.av-steps li.on::before,.av-steps li.done::before{background:var(--magenta-strong)}
.av-steps li span{display:none}
.av-steps li.on{color:var(--navy)}
.av-steps li.done{color:var(--muted)}
.av-step{display:none}
.av-step.on{display:block;animation:avIn .45s var(--av-ease)}
@keyframes avIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.av-step.on{animation:none}}
.av-step h3{font:800 clamp(24px,3.2vw,32px)/1.15 var(--font-title);letter-spacing:-.035em;color:var(--navy);margin:0 0 8px}
.av-hint{color:var(--muted);margin:0 0 28px;font-size:15.5px;line-height:1.6}
.av-rate{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.av-rate button{background:none;border:0;padding:4px;cursor:pointer;color:#E3DED4;line-height:0;border-radius:10px;transition:color .15s,transform .2s var(--av-ease)}
.av-rate button svg{width:26px;height:26px}
.av-rate button:hover{transform:scale(1.12)}
.av-rate button.on{color:var(--av-gold)}
.av-rate button.pop{animation:avPop .35s var(--av-ease)}
@keyframes avPop{50%{transform:scale(1.3)}}
.av-rate-lg{gap:6px;padding:22px;border-radius:18px;background:var(--paper)}
.av-rate-lg button svg{width:48px;height:48px}
.av-rate-lg output{font:700 17px var(--font-title);color:var(--navy);margin-left:14px;min-width:120px}
.av-subs{margin-top:26px}
.av-subs-k{font:600 14px var(--font-text);color:var(--navy);margin:0 0 6px}
.av-subs-k small{font-weight:400;color:var(--muted)}
.av-sub{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid rgba(13,17,57,.06)}
.av-sub:last-child{border-bottom:0}
.av-sub>span{font-size:15px;color:var(--ink)}
.av-field{display:grid;gap:8px;margin-bottom:18px}
.av-field label,.av-lbl{font:600 14px var(--font-text);color:var(--navy)}
.av-field label small{font-weight:400;color:var(--muted)}
.av-field input,.av-field select,.av-field textarea{width:100%;min-height:50px;border:1px solid #DAD5CB;border-radius:12px;padding:13px 16px;font:400 16px var(--font-text);color:var(--ink);background:#fff;
  transition:border-color .2s,box-shadow .2s}
.av-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230D1139' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 16px center;padding-right:44px}
.av-field textarea{min-height:150px;resize:vertical;line-height:1.6}
.av-field textarea.av-ta-s{min-height:110px}
.av-field input:hover,.av-field select:hover,.av-field textarea:hover{border-color:#BDB7AA}
.av-field input:focus,.av-field select:focus,.av-field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(45,56,181,.12)}
.av-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.av-row2{grid-template-columns:1fr;gap:0}}
.av-meter{display:flex;align-items:center;gap:12px}
.av-meter i{flex:1;height:4px;border-radius:99px;background:#EEEAE2;overflow:hidden}
.av-meter i span{display:block;height:100%;width:0;background:var(--blue);border-radius:99px;transition:width .3s,background .3s}
.av-meter small{font-size:12.5px;color:var(--muted);white-space:nowrap}
.av-meter.ok i span{background:var(--av-ok)}
.av-meter.ok small{color:var(--av-ok)}
.av-seg{display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:99px;background:var(--paper);width:max-content}
.av-seg label{cursor:pointer}
.av-seg input,.av-pills input,.av-consent input{position:absolute;opacity:0;pointer-events:none}
.av-seg span{display:block;padding:11px 28px;border-radius:99px;font:600 14px var(--font-text);color:var(--muted);transition:all .2s}
.av-seg input:checked+span{background:#fff;color:var(--navy);box-shadow:var(--av-sh-1)}
.av-seg input:focus-visible+span,.av-pills input:focus-visible+span,.av-consent input:focus-visible+.av-box{outline:2px solid var(--blue);outline-offset:2px}
.av-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.av-pills label{cursor:pointer}
.av-pills span{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:99px;border:1px solid #DAD5CB;font-size:14px;color:var(--ink);background:#fff;transition:all .2s}
.av-pills span svg{width:0;height:14px;transition:width .2s}
.av-pills input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}
.av-pills input:checked+span svg{width:14px}
.av-private{display:flex;gap:12px;align-items:flex-start;background:var(--blue-soft);border-radius:14px;padding:14px 16px;font-size:14px;color:var(--navy);line-height:1.55;margin-bottom:22px}
.av-private svg{width:20px;height:20px;flex-shrink:0;color:var(--blue)}
.av-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--ink);margin:8px 0 4px;cursor:pointer;position:relative}
.av-box{width:22px;height:22px;border-radius:7px;border:1.5px solid #BDB7AA;flex-shrink:0;display:grid;place-items:center;color:transparent;transition:all .2s;margin-top:1px}
.av-box svg{width:14px;height:14px}
.av-consent input:checked+.av-box{background:var(--magenta-strong);border-color:var(--magenta-strong);color:#fff}
.av-consent a{color:var(--blue)}
.av-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(13,17,57,.07)}
.av-nav [data-next]{margin-left:auto}
.av-err{color:#B42318;font-size:14px;font-weight:500;margin:14px 0 0;min-height:1.2em}
.av-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.av-done{text-align:center;padding:12px 0}
.av-check{width:72px;height:72px;border-radius:50%;background:var(--av-ok-bg);color:var(--av-ok);display:grid;place-items:center;margin:0 auto 20px;animation:avPop .5s var(--av-ease)}
.av-check svg{width:32px;height:32px}
.av-done h3{font:800 clamp(24px,3vw,30px)/1.2 var(--font-title);letter-spacing:-.03em;color:var(--navy);margin:0 0 10px}
.av-done>p{color:var(--muted);line-height:1.65;max-width:50ch;margin:0 auto 28px}
.av-gbox{background:var(--paper);border-radius:18px;padding:22px;text-align:left}
.av-gbox-t{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.av-gbox-t svg{width:28px;height:28px;flex-shrink:0}
.av-gbox-t b{display:block;color:var(--navy);font:700 16px var(--font-title);margin-bottom:4px}
.av-gbox-t span{font-size:14.5px;line-height:1.55;color:var(--muted)}
@media(max-width:560px){.av-btn{white-space:normal;text-align:center}.av-nav .av-btn{padding:0 20px}.av-rate-lg{justify-content:center}.av-rate-lg output{width:100%;text-align:center;margin:8px 0 0}.av-rate-lg button svg{width:42px;height:42px}}

/* Accueil : l'ancienne grille est remplacée par le module */
#avis #avisGrid{display:none!important}
#avis .av-home{margin-top:44px}