/* Widget avis maison Planetee — styles scopés (.pla-avis) pour ne pas toucher au thème.
   Léger : ~1 fichier, police du thème, aucune dépendance. */

.pla-avis, .pla-badge {
  --pla-brand:#0b4f6c; --pla-accent:#0b4f6c; --pla-accent-ink:#fff; --pla-accent-soft:#e4eef3;
  --pla-ink:#1b2a30; --pla-muted:#5b6b72; --pla-faint:#8a979c;
  --pla-surface:#fff; --pla-surface-2:#eef3f4; --pla-border:#e1e8ea;
  --pla-star:#f5a609; --pla-star-empty:#d4dce0; --pla-radius:14px;
  font-family:inherit; color:var(--pla-ink); box-sizing:border-box;
}
.pla-avis *, .pla-badge * { box-sizing:border-box; }

@media (prefers-color-scheme:dark){
  .pla-avis, .pla-badge{
    --pla-brand:#5fb4d0; --pla-accent:#4fa6c9; --pla-accent-ink:#052430; --pla-accent-soft:#123240;
    --pla-ink:#eaf0f1; --pla-muted:#9ba9ae; --pla-faint:#6e7c81;
    --pla-surface:#161d21; --pla-surface-2:#1e272b; --pla-border:#2a353a;
    --pla-star:#f7b32b; --pla-star-empty:#3c464b;
  }
}

/* Étoiles */
.pla-stars{ color:var(--pla-star); letter-spacing:1px; white-space:nowrap; }
.pla-stars .off{ color:var(--pla-star-empty); }

/* Badge sous le titre produit */
.pla-badge{ display:inline-flex; align-items:center; gap:8px; font-size:.9rem; color:var(--pla-muted); cursor:pointer; }
.pla-badge .pla-stars{ font-size:1rem; }
.pla-badge .pla-b-count{ color:var(--pla-accent); font-weight:600; }
.pla-badge:hover .pla-b-count{ text-decoration:underline; }

/* Section */
.pla-avis{ max-width:860px; margin:0 auto; }
.pla-eyebrow{ text-transform:uppercase; letter-spacing:.14em; font-size:.7rem; font-weight:700; color:var(--pla-brand); margin:0 0 4px; }
.pla-title{ font-size:1.5rem; font-weight:700; letter-spacing:-.02em; margin:0 0 22px; }

.pla-summary{ display:grid; grid-template-columns:minmax(160px,200px) 1fr; gap:28px;
  background:var(--pla-surface); border:1px solid var(--pla-border); border-radius:var(--pla-radius);
  box-shadow:0 1px 2px rgba(11,79,108,.05),0 8px 24px rgba(11,79,108,.06); padding:24px 26px; margin-bottom:14px; }
.pla-avg{ text-align:center; align-self:center; }
.pla-avg .pla-num{ font-size:3.4rem; font-weight:800; line-height:1; letter-spacing:-.03em; color:var(--pla-brand); }
.pla-avg .pla-num small{ font-size:1.3rem; color:var(--pla-faint); font-weight:600; }
.pla-avg .pla-stars{ font-size:1.15rem; display:block; margin:8px 0 4px; }
.pla-avg .pla-count{ font-size:.82rem; color:var(--pla-muted); }
.pla-dist{ display:flex; flex-direction:column; gap:7px; justify-content:center; }
.pla-dist-row{ display:grid; grid-template-columns:52px 1fr 46px; align-items:center; gap:12px; font-size:.82rem; color:var(--pla-muted); }
.pla-dist-row .pla-lbl{ display:flex; align-items:center; gap:3px; justify-content:flex-end; color:var(--pla-ink); }
.pla-dist-row .pla-lbl .s{ color:var(--pla-star); }
.pla-bar{ height:8px; border-radius:99px; background:var(--pla-surface-2); overflow:hidden; }
.pla-bar>span{ display:block; height:100%; border-radius:99px; background:var(--pla-star); }
.pla-dist-row .pla-pct{ text-align:right; }

.pla-toolbar{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin:24px 0 10px; }
.pla-filters{ display:flex; gap:8px; flex-wrap:wrap; }
.pla-chip{ font:inherit; font-size:.82rem; color:var(--pla-muted); cursor:pointer; background:var(--pla-surface);
  border:1px solid var(--pla-border); border-radius:99px; padding:6px 13px; transition:.15s; }
.pla-chip:hover{ color:var(--pla-ink); border-color:var(--pla-faint); }
.pla-chip[aria-pressed="true"]{ background:var(--pla-accent-soft); color:var(--pla-accent); border-color:transparent; font-weight:600; }
.pla-sort{ font:inherit; font-size:.82rem; color:var(--pla-ink); background:var(--pla-surface);
  border:1px solid var(--pla-border); border-radius:10px; padding:7px 10px; cursor:pointer; }

.pla-btn{ font:inherit; font-weight:650; font-size:.9rem; cursor:pointer; border-radius:11px; padding:11px 18px; border:1px solid transparent; transition:.15s; }
.pla-btn-primary{ background:var(--pla-accent); color:var(--pla-accent-ink); }
.pla-btn-primary:hover{ filter:brightness(1.08); }
.pla-btn-ghost{ background:var(--pla-surface); color:var(--pla-ink); border-color:var(--pla-border); }

.pla-list{ display:flex; flex-direction:column; margin-top:6px; }
.pla-review{ padding:22px 2px; border-top:1px solid var(--pla-border); }
.pla-review:first-child{ border-top:none; }
.pla-r-head{ display:flex; align-items:center; gap:11px; margin-bottom:8px; }
.pla-avatar{ width:38px; height:38px; border-radius:50%; flex:none; display:grid; place-items:center;
  font-weight:700; font-size:.9rem; color:var(--pla-accent-ink); background:var(--pla-accent); }
.pla-r-who{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.pla-r-name{ font-weight:650; font-size:.92rem; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.pla-verified{ display:inline-flex; align-items:center; gap:3px; font-size:.68rem; font-weight:700;
  color:var(--pla-accent); background:var(--pla-accent-soft); padding:1px 7px; border-radius:99px; }
.pla-r-meta{ font-size:.76rem; color:var(--pla-faint); }
.pla-r-stars{ margin-left:auto; font-size:.95rem; }
.pla-r-title{ font-weight:650; font-size:.96rem; margin:6px 0 3px; }
.pla-r-text{ font-size:.92rem; margin:0; max-width:62ch; white-space:pre-line; }
.pla-r-photos{ display:flex; gap:8px; margin-top:11px; flex-wrap:wrap; }
.pla-r-photos img{ width:64px; height:64px; object-fit:cover; border-radius:9px; border:1px solid var(--pla-border); cursor:pointer; transition:.15s; }
.pla-r-photos img:hover{ transform:scale(1.05); border-color:var(--pla-accent); }
.pla-r-reply{ margin:12px 0 0 20px; padding:12px 14px; background:var(--pla-surface-2);
  border-radius:10px; border-left:3px solid var(--pla-accent); font-size:.86rem; }
.pla-r-reply b{ color:var(--pla-accent); }

.pla-more{ display:block; margin:20px auto 0; }
.pla-loading{ text-align:center; color:var(--pla-muted); font-size:.85rem; padding:24px; }

/* Formulaire */
.pla-form{ background:var(--pla-surface); border:1px solid var(--pla-border); border-radius:var(--pla-radius);
  box-shadow:0 1px 2px rgba(11,79,108,.05),0 8px 24px rgba(11,79,108,.06); padding:24px 26px; margin-bottom:26px; }
.pla-form[hidden]{ display:none; }
.pla-form h3{ margin:0 0 2px; font-size:1.1rem; font-weight:700; }
.pla-form .pla-sub{ margin:0 0 18px; font-size:.85rem; color:var(--pla-muted); }
.pla-field{ margin-bottom:15px; }
.pla-field label{ display:block; font-size:.78rem; font-weight:600; margin-bottom:6px; }
.pla-field input, .pla-field textarea{ width:100%; font:inherit; font-size:.9rem; color:var(--pla-ink);
  background:var(--pla-surface); border:1px solid var(--pla-border); border-radius:10px; padding:10px 12px; resize:vertical; }
.pla-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.pla-picker{ display:inline-flex; gap:4px; cursor:pointer; font-size:1.7rem; color:var(--pla-star-empty); }
.pla-picker .s.on{ color:var(--pla-star); }
.pla-form-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:6px; }
.pla-note{ font-size:.74rem; color:var(--pla-faint); }
.pla-msg{ font-size:.85rem; margin-top:10px; }
.pla-msg.err{ color:#b23b2e; } .pla-msg.ok{ color:var(--pla-accent); font-weight:600; }

.pla-toast{ position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(20px);
  background:var(--pla-ink); color:var(--pla-surface); font-size:.86rem; font-weight:600;
  padding:11px 18px; border-radius:11px; opacity:0; pointer-events:none; transition:.28s; z-index:9999; }
.pla-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

@media (max-width:560px){
  .pla-summary{ grid-template-columns:1fr; gap:20px; }
  .pla-avg{ display:flex; align-items:center; gap:16px; text-align:left; }
  .pla-avg .pla-stars{ margin:0; }
  .pla-grid2{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){ .pla-avis *,.pla-badge *{ transition:none !important; } }