/* Aggiunte del nuovo sito sopra lo stile del vecchio (stile.css). */
.nastro-admin { background:#231F20; color:#fff; padding:6px 16px; font-size:13px; }
.nastro-admin a { color:#FFD422; }
.numeri { display:flex; flex-wrap:wrap; gap:8px 18px; margin:10px 0 14px; font-size:14px; color:var(--tenue); }
.numeri b { color:var(--inchiostro); font-size:16px; }
.card-scatola { display:flex; flex-direction:column; }
.card-nascosta .card { opacity:.45; outline:2px dashed var(--rosso); }
.card-admin { font-size:12px; color:var(--tenue); padding:4px 6px; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.card-admin form { display:inline; }
.card-admin button { font-size:12px; padding:2px 8px; }
.card-nota { font-size:12px; color:var(--tenue); }
.card-grafico { display:block; padding:0 6px; }
.card-grafico .grafico { width:100%; height:auto; display:block; border:1px solid var(--bordo); border-radius:6px; }
.grafico-scheda .grafico { width:100%; max-width:760px; height:auto; display:block; border:1px solid var(--bordo); border-radius:8px; margin-bottom:6px; }
.card-venduti { font-size:12px; color:var(--tenue); }
.card-verdetto.errore { background:var(--rosso); color:#fff; }
.card-verdetto.eccezionale { background:var(--giallo); color:var(--nero); }
.card-verdetto.ottima { background:var(--azzurro); color:#fff; }
.card-verdetto.buona { background:#e6f2fa; color:var(--azzurro-scuro); }
.card-diff.giu { color:var(--giu); } .card-diff.su { color:var(--su); }
.manopole details.pannello { margin-bottom:12px; }
.manopole summary { font-weight:700; cursor:pointer; }
.manopole-griglia { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:10px 18px; margin-top:10px; }
.manopola { display:flex; flex-direction:column; gap:3px; font-size:13px; }
.manopola input, .manopola select { font:inherit; padding:5px 7px; border:1px solid var(--bordo); border-radius:6px; }
.manopola small { color:var(--tenue); }
.manopola-cambiata > span { color:var(--azzurro-scuro); font-weight:700; }
.manopole-azioni { display:flex; gap:10px; flex-wrap:wrap; align-items:end; }
.manopole-azioni label { display:flex; flex-direction:column; font-size:13px; flex:1 1 260px; }
.manopole-azioni input { font:inherit; padding:6px 8px; border:1px solid var(--bordo); border-radius:6px; }
.manopole-azioni button, .modulo-accedi button, .card-admin button, .inline button { font:inherit; padding:7px 12px; border-radius:8px; border:1px solid var(--bordo); background:#fff; cursor:pointer; }
.manopole-azioni button.cta { background:var(--azzurro); color:#fff; border-color:var(--azzurro-scuro); }
.modulo-accedi { max-width:360px; display:flex; flex-direction:column; gap:10px; }
.modulo-accedi input { font:inherit; padding:8px; border:1px solid var(--bordo); border-radius:6px; }
.avviso { background:#fff7d6; border:1px solid #f1d872; padding:8px 12px; border-radius:8px; }
.avviso.grave { background:#fde9e8; border-color:#f0a8a4; }
.log { font-size:12px; background:#f4f6f8; padding:8px; border-radius:6px; overflow:auto; max-height:320px; white-space:pre-wrap; }
.tabellina { width:100%; border-collapse:collapse; font-size:13px; }
.tabellina th, .tabellina td { text-align:left; padding:5px 8px; border-bottom:1px solid var(--bordo); vertical-align:top; }
.riga-attiva { background:#eaf6fd; }
.inline { display:inline; }
.admin-nota { color:var(--rosso); }
h2 { font-size:18px; margin:6px 0 10px; }
/* SEO: briciole, sottocategorie, scheda prodotto pubblica, pie' */
.briciole { font-size:13px; color:var(--tenue); margin:10px 0 4px; }
.briciole a { color:var(--azzurro-scuro); text-decoration:none; }
/* le sottocategorie: piastrelle in griglia; su telefono una fila che scorre */
.sotto { margin:6px 0 16px; }
.sotto-testa { display:flex; align-items:baseline; gap:10px; margin:0 0 8px; }
.sotto-testa h2 { font-size:15px; margin:0; color:var(--inchiostro); }
.sotto-nota { font-size:12px; color:var(--tenue); }
.sotto-fila { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:8px; }
.sotto-voce { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0;
  padding:9px 12px; background:#fff; border:1px solid var(--bordo); border-radius:10px;
  color:var(--inchiostro); text-decoration:none; font-size:13.5px; line-height:1.25;
  box-shadow:0 1px 2px rgba(26,29,33,.04); transition:border-color .15s, box-shadow .15s, transform .15s; }
.sotto-voce:hover { border-color:var(--azzurro); box-shadow:0 4px 12px rgba(41,171,226,.18); transform:translateY(-1px); }
.sotto-nome { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sotto-conta { flex:0 0 auto; font-size:12px; font-weight:700; color:var(--azzurro-scuro); background:#e6f2fa; border-radius:999px; padding:2px 8px; }
.sotto-altre { margin-top:8px; }
.sotto-altre summary { cursor:pointer; font-size:13px; color:var(--azzurro-scuro); font-weight:600; padding:6px 0; list-style:none; }
.sotto-altre summary::-webkit-details-marker { display:none; }
.sotto-altre summary::before { content:"▸ "; }
.sotto-altre[open] summary::before { content:"▾ "; }
.sotto-altre[open] summary { margin-bottom:8px; }
.riga-conti { margin:-4px 0 10px; font-size:14px; color:var(--tenue); }
.riga-conti b { color:var(--inchiostro); }
.sotto-telefono { display:none; }
@media (max-width: 700px) {
  .intro { display:none; }                 /* il testo resta nell'HTML per Google */
  .riga-conti { margin:-2px 0 8px; font-size:13px; }
  h1 { font-size:1.25rem; margin:8px 0 6px; }
  .sotto-desktop { display:none; }
  .sotto-telefono { display:block; margin:4px 0 10px; }
  .sotto-telefono summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none;
    padding:9px 12px; background:#fff; border:1px solid var(--bordo); border-radius:10px; font-size:14px; font-weight:600; }
  .sotto-telefono summary::-webkit-details-marker { display:none; }
  .sotto-telefono summary span:first-child::before { content:"▸ "; color:var(--azzurro-scuro); }
  .sotto-telefono[open] summary span:first-child::before { content:"▾ "; }
  .sotto-telefono .sotto-fila-tutte { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:8px; }
  .sotto-telefono .sotto-voce { padding:7px 9px; font-size:12.5px; }
  .sotto-telefono .sotto-nome { white-space:normal; }
  .sotto-telefono .sotto-conta { font-size:11px; padding:1px 6px; }
  .ordinatori { padding:6px 8px; }
}
.card-titolo { text-decoration:none; color:inherit; }
.card-figura { text-decoration:none; }
.scheda { display:grid; grid-template-columns:minmax(200px, 340px) 1fr; gap:24px; margin:14px 0 22px; }
@media (max-width: 700px) { .scheda { grid-template-columns:1fr; } }
.scheda-figura img { width:100%; height:auto; max-width:340px; border:1px solid var(--bordo); border-radius:12px; background:#fff; }
.scheda-corpo h1 { font-size:1.35rem; line-height:1.3; margin:0 0 10px; }
.scheda-giudizio { display:flex; gap:10px; align-items:center; }
.scheda-sconto { font-size:1.6rem; color:var(--rosso); line-height:1.1; }
/* la zona prezzi: riquadri uguali, etichetta sopra e valore sotto, in ordine */
.prezzi { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px; margin:12px 0; }
.prezzi > div { display:flex; flex-direction:column; gap:2px; background:var(--fondo); border:1px solid var(--bordo); border-radius:10px; padding:10px 12px; min-width:0; }
.prezzi .card-eti { font-size:12px; color:var(--tenue); }
.prezzi small { color:var(--tenue); font-size:12px; }
.scheda-prezzo { font-size:1.9rem; line-height:1.1; }
.scheda-rif { font-size:1.3rem; color:var(--tenue); line-height:1.2; }
.prezzi .card-diff { font-size:1.3rem; }
.g-telefono { display:none; }
@media (max-width: 700px) {
  .scheda { gap:10px; margin:6px 0 14px; }
  .scheda-figura { text-align:center; }
  .scheda-figura img { width:auto; max-width:100%; max-height:210px; object-fit:contain; }   /* la foto non deve mangiare lo schermo */
  .scheda-corpo h1 { font-size:1.1rem; margin-bottom:6px; }
  .scheda-giudizio { gap:8px; flex-wrap:wrap; font-size:14px; }
  .prezzi { grid-template-columns:1fr 1fr; gap:8px; }
  .scheda-prezzo { font-size:1.6rem; }
  .scheda-rif { font-size:1.15rem; }
  .g-desktop { display:none; }
  .g-telefono { display:block; }
  .grafico-pubblico svg { max-width:none; }
}
.cta { display:inline-block; background:var(--giallo); color:var(--nero); font-weight:700; padding:12px 22px; border-radius:10px; text-decoration:none; margin:8px 0 12px; }
.pie-nav { font-size:13px; margin-bottom:8px; }
.pie-nav a { color:var(--azzurro-scuro); }

/* la pagina prodotto invecchiata: offerta non piu' attiva */
.card-verdetto.scaduta { background:#eee; color:#555; }
.scheda-scaduta .scheda-prezzo { color:var(--tenue); text-decoration:line-through; text-decoration-thickness:2px; }

/* la storia dei prezzi nella pagina prodotto pubblica */
.storia-prezzi { margin: 22px 0; }
.storia-prezzi p { line-height: 1.55; }
.grafico-pubblico { background:#fff; border:1px solid var(--bordo); border-radius:12px; padding:8px; overflow-x:auto; }
.grafico-pubblico svg { width:100%; height:auto; max-width:760px; display:block; }

.riga-bot td { color: var(--tenue); }