/* ===== RECENSIONI v2 (31/10/2026) — recensioni importate e scritte nella pagina ===== */
.hero-recensioni{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font-size:14px;color:var(--fg-2)}
.hero-recensioni:hover{color:var(--accent-strong);border-color:var(--accent)}
.hero-recensioni b{color:var(--fg)}
.stelle{color:#a8730f;letter-spacing:2px;font-size:14px;line-height:1;white-space:nowrap}

.recensioni-intro{max-width:760px;margin-bottom:22px}

.rec-riepilogo{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.rec-piattaforma{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);font-size:14px;color:var(--fg-2)}
.rec-piattaforma strong{font-size:15px;color:var(--fg)}
.rec-piattaforma b{color:var(--fg);font-size:16px}

/* colonne: le schede hanno lunghezze diverse e si incastrano senza buchi */
.rec-griglia{columns:3 300px;column-gap:20px}
.rec-card{break-inside:avoid;display:block;margin:0 0 20px;padding:22px 22px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}
.rec-testa{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rec-fonte{font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong)}
.rec-card blockquote{margin:14px 0 16px;font-size:15px;line-height:1.6;color:var(--fg-2)}
.rec-card figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}
.rec-card figcaption strong{color:var(--fg)}
.rec-verifica{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-weight:600;color:#1f7a4d}
.rec-verifica svg{width:14px;height:14px;fill:currentColor;flex:none}

.recensioni-nota{max-width:820px;margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}

@media (max-width:640px){
  .hero-recensioni{margin-top:16px;font-size:13px}
  .rec-griglia{columns:1}
  .rec-card{padding:18px 18px 14px}
  .rec-verifica{margin-left:0}
}

/* ===== filtro per piattaforma (31/10/2026) ===== */
.rec-filtro-aiuto{margin:0 0 10px;font-size:13px;color:var(--muted)}
button.rec-piattaforma{font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}
button.rec-piattaforma:hover{border-color:var(--accent)}
button.rec-piattaforma:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button.rec-piattaforma[aria-pressed="true"]{border-color:var(--accent-strong);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-strong) inset}
button.rec-piattaforma[aria-pressed="true"]::before{content:"✓";font-weight:700;color:var(--accent-strong)}
.rec-card[hidden]{display:none}

/* ===== blocco recensioni ripiegabile (01/11/2026) ===== */
.recensioni-ripiegate{padding:48px 0 56px}
.rec-fold{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.rec-fold-summary{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;user-select:none}
.rec-fold-summary::-webkit-details-marker{display:none}
.rec-fold-summary:hover{background:var(--surface-2)}
.rec-fold-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.rec-fold-testi{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.rec-fold-testi .overline{margin:0}
.rec-fold-titolo{font-size:17px;font-weight:600;margin:0;color:var(--fg);line-height:1.3}
.rec-fold-meta{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted)}
.rec-fold-meta .stelle{font-size:12px;letter-spacing:1.5px}
.rec-fold-meta b{color:var(--fg-2)}
.rec-fold-chev{flex:none;display:inline-flex;color:var(--muted);transition:transform .2s}
.rec-fold[open] .rec-fold-chev{transform:rotate(180deg)}
.rec-fold-corpo{padding:0 22px 22px;border-top:1px solid var(--border-2)}
.rec-fold-corpo .recensioni-intro{margin:18px 0 22px}

@media (max-width:640px){
  .recensioni-ripiegate{padding:28px 0}
  .rec-fold-summary{padding:16px;gap:10px}
  .rec-fold-corpo{padding:0 16px 18px}
  .rec-fold-titolo{font-size:16px}
  .rec-fold-meta{font-size:12px;flex-wrap:wrap}
}