/* Page publique « Donnez votre avis » (/avis/<code>/) — mobile d'abord, style Loop de la page Avis clients. */
.da-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:-26px;position:relative;z-index:2;align-items:start}
.da-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--sh1);padding:22px 20px;min-width:0}
.da-who{display:flex;gap:14px;align-items:center;border-top:5px solid var(--acc)}
.da-who .mono,.da-who .logo{flex:none}
.da-who small{display:block;font-size:12px;color:var(--ink3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.da-who b{display:block;font-size:19px;color:var(--navy);line-height:1.2;margin:2px 0}
.da-who span{display:flex;align-items:center;gap:5px;font-size:13.5px;color:var(--ink2)}
.da-who span .i{width:15px;height:15px}
.da-prof{display:inline-block;margin-top:6px;font-weight:800;font-size:13px;color:var(--acc-700)}
.da-prof:hover{text-decoration:underline}
.da-form h2,.da-trans h2{font-size:21px;margin-bottom:14px}
.da-trans h2{display:flex;align-items:center;gap:8px;font-size:18px}
.da-trans h2 .i{width:21px;height:21px;color:var(--acc-700)}
.da-form{display:grid;gap:18px}
.da-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.da-fs{border:0;padding:0;margin:0;min-width:0;display:grid;gap:8px}
.da-fs legend,.da-f>label{font-weight:800;font-size:14px;color:var(--navy);padding:0}
.da-fs legend b,.da-f>label b,.da-chk b{color:var(--magenta)}
.da-f em,.da-fs em{font-style:normal;font-weight:600;color:var(--ink3);font-size:12.5px}
.da-f{display:grid;gap:7px}
.da-f input,.da-f textarea{width:100%;border:1.5px solid var(--line2);border-radius:16px;background:#fff;padding:12px 14px;font:500 15px/1.5 var(--f);color:var(--ink)}
.da-f input{height:48px;padding:0 16px;border-radius:999px}
.da-f textarea{resize:vertical;min-height:140px}
.da-f input:focus,.da-f textarea:focus{outline:3px solid color-mix(in srgb,var(--acc) 35%,#fff);border-color:var(--acc)}
.da-hint{font-size:12.5px;color:var(--ink3);line-height:1.5}
.da-err{font-size:13px;font-weight:700;color:#b3135f;display:flex;gap:6px}
.da-sum{border:1.5px solid color-mix(in srgb,var(--magenta) 40%,#fff);background:color-mix(in srgb,var(--magenta) 6%,#fff);border-radius:18px;padding:12px 16px;font-size:13.5px;color:#7d0e43}
.da-sum ul{margin:6px 0 0 18px}
[aria-invalid=true]{border-color:var(--magenta)!important}
/* étoiles : boutons radio natifs (clavier : flèches), 5 grandes étoiles */
.da-stars{display:flex;gap:4px;flex-wrap:wrap}
.da-stars label{position:relative;display:block;cursor:pointer}
.da-stars input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.da-star{display:block;width:50px;height:50px;background:#d6dde2;clip-path:polygon(50% 2%,62% 35%,98% 36%,69% 58%,80% 94%,50% 73%,20% 94%,31% 58%,2% 36%,38% 35%);transition:background .12s,transform .12s}
.da-stars label:hover .da-star{transform:scale(1.08)}
.da-stars label:has(input:checked) .da-star,.da-stars label:has(~ label input:checked) .da-star{background:#f2901f}
.da-stars:hover label .da-star{background:#d6dde2}
.da-stars label:hover .da-star,.da-stars label:has(~ label:hover) .da-star{background:#f2901f}
.da-stars label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--acc) 60%,#fff);outline-offset:3px;border-radius:12px}
.da-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.da-chips{display:flex;flex-wrap:wrap;gap:8px}
.da-chips label{position:relative}
.da-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.da-chips span{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line2);font-weight:700;font-size:14px;color:var(--ink2);background:#fff}
.da-chips input:checked+span{background:var(--acc);border-color:var(--acc);color:#fff}
.da-chips input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--acc) 60%,#fff);outline-offset:2px}
.da-two{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.da-chk{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink2);cursor:pointer}
.da-chk input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--acc)}
.da-cons{display:grid;gap:12px;padding:16px;border-radius:18px;background:var(--acc-50)}
.da-go{width:100%;justify-content:center;height:50px}
.da-trans dl{display:grid;gap:12px}
.da-trans dt{font-weight:800;font-size:14px;color:var(--navy)}
.da-trans dd{font-size:13.5px;line-height:1.6;color:var(--ink2);margin:2px 0 0}
.da-trans a,.da-ok a:not(.btn){color:var(--acc-700);font-weight:700;text-decoration:underline}
.da-solo{max-width:680px;margin:-26px auto 0;text-align:center;display:grid;gap:12px;justify-items:center;padding:34px 24px;position:relative;z-index:2}
.da-solo h2{font-size:24px}.da-solo p{color:var(--ink2);line-height:1.6;max-width:56ch}
.da-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--acc-50);color:var(--acc-700)}
.da-ic .i{width:32px;height:32px}.da-tick{background:color-mix(in srgb,var(--green) 16%,#fff);color:#4f8f1c}
.da-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
@media(min-width:900px){
  .da-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);grid-template-rows:auto 1fr;gap:18px 22px;margin-top:-34px}
  .da-who,.da-trans{align-self:start}
  .da-form{grid-column:1;grid-row:1/span 2;padding:30px 32px}
  .da-who{grid-column:2;grid-row:1}
  .da-trans{grid-column:2;grid-row:2}
  .da-two{grid-template-columns:1fr 1fr}
  .da-go{width:auto;min-width:260px}
}
@media(prefers-reduced-motion:reduce){.da-star{transition:none}}
.da-who .mono.lg{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--acc),var(--acc-700))!important;color:#fff!important;font:800 22px/1 var(--f);box-shadow:0 0 0 4px var(--acc-100)!important}