/* © 2026 DRAK Infinity (NEQ 2281240509), Montréal (Québec), Canada. Styles du bloc « Avis clients » de la racine et du formulaire « Laisser un avis ici » (mission 19, lot E 1). Écrit à la main. Chargé seulement par la racine.
   Règles de site (REGLES-SITE.md, règles 1 et 6) : aucune couleur en dur, seulement les jetons du thème courant : --surface, --texte, --texte2, --trait, --or, --or-texte, --puce pour le bloc de la page;
   --fen-* pour la fenêtre du formulaire. Les étoiles sont dessinées en SVG (aucun caractère). */

/* ── bloc de la page ── */
#avis [hidden]{display:none!important}
#avis .avis-cta{justify-content:center;gap:14px}
#avis .avis-liste{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;text-align:left}
#avis .avis-carte{display:flex;flex-direction:column;gap:10px;min-width:0;padding:26px;background:var(--surface);color:var(--texte);border:1px solid var(--trait);border-radius:24px;overflow-wrap:anywhere}
#avis .avis-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}
#avis .avis-auteur{font-size:17px;font-weight:600;color:var(--texte)}
#avis .avis-source{flex:none;padding:2px 10px;font-size:12.5px;font-weight:600;line-height:1.5;color:var(--or-texte);background:var(--puce);border:1px solid var(--trait);border-radius:999px}
#avis .avis-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14px;color:var(--texte2)}
#avis .avis-etoiles{display:inline-flex;gap:2px;line-height:0}
#avis .avis-etoile{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
#avis .avis-etoile.pleine{fill:currentColor;color:var(--or-texte)}
#avis .avis-etoile.vide{fill:none;color:var(--texte2)}
#avis .avis-texte{margin:0;font-size:15.5px;line-height:1.6;color:var(--texte2);white-space:pre-line}
#avis .avis-lien{margin:0;font-size:14px}
#avis .avis-lien a{color:var(--or-texte);text-decoration:underline;text-underline-offset:3px}
#avis .avis-lien a:focus-visible{outline:2px solid var(--or-texte);outline-offset:3px}
#avis .avis-mention{max-width:72ch;margin-left:auto;margin-right:auto;text-align:center}
@media (max-width:720px){
  #avis .avis-liste{margin-top:30px}
  #avis .avis-carte{padding:22px}
  #avis .avis-cta .btn{flex:1 1 100%;text-align:center}
}

/* ── formulaire « Laisser un avis ici » dans la fenêtre commune (jetons --fen-*) ── */
.drkf-fenetre form.drkf-avis fieldset{min-width:0;margin:0 0 14px;padding:0;border:0}
.drkf-fenetre form.drkf-avis legend{display:block;float:none;width:100%;margin:0 0 6px;padding:0;font-size:14px;font-weight:600;color:var(--fen-texte)}
.drkf-fenetre form.drkf-avis .drkf-groupe .drkf-case{margin:0 0 6px}
.drkf-fenetre input[type="radio"]{width:auto;padding:0;accent-color:var(--fen-or)}
.drkf-fenetre form.drkf-avis .avis-note-ligne{display:flex;flex-wrap:wrap;gap:8px}
.drkf-fenetre form.drkf-avis .avis-note-opt{position:relative;display:block;margin:0;font-weight:600}
.drkf-fenetre form.drkf-avis .avis-note-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.drkf-fenetre form.drkf-avis .avis-note-opt span{display:flex;align-items:center;justify-content:center;min-width:46px;min-height:44px;padding:0 14px;font-size:16px;color:var(--fen-texte);background:var(--fen-surface);border:1px solid var(--fen-trait);border-radius:10px}
.drkf-fenetre form.drkf-avis .avis-note-opt input:checked + span{color:var(--fen-fond);background:var(--fen-or);border-color:var(--fen-or)}
.drkf-fenetre form.drkf-avis .avis-note-opt input:focus-visible + span{outline:2px solid var(--fen-or);outline-offset:2px}
.drkf-fenetre form.drkf-avis .avis-note:has(input[aria-invalid="true"]) .avis-note-opt span{border-color:var(--fen-err)}
.drkf-fenetre form.drkf-avis .drkf-groupe .drkf-erreur{margin-top:2px}