/* Le pagine di prodotto nello stile di Minerva (8 ott 2026): prima /prodotti/talkcheck/.
 * Si carica DOPO minerva-v2.css e solo sulle pagine prodotte da paginaProdotto() in
 * scripts/marketing-v2/genera.js: le pagine Minerva non lo vedono e non cambiano.
 * Qui solo il tono del prodotto e i blocchi che Minerva non ha (pv2-*). */

/* il tono: il verde dell'app TalkCheck (theme_color #238636), schiarito per il fondo scuro */
.mv2.mv2--pubblica.mv2--talkcheck {
  --mv2-tono: #3fb950;
  --mv2-accento: #3fb950;
  --mv2-accento-chiaro: #7ee2a8;   /* testo su fondo scuro */
  --mv2-accento-cta: #1f7a34;      /* bianco sopra: 5,5 */
  --mv2-accento-cta-su: #17602a;
}

/* le schede prendono il tono del prodotto; a tre voci stanno su tre colonne */
.mv2--pubblica .pv2-schede .mv2-scheda { border-top-color: var(--mv2-tono); }
@media (min-width: 1040px) {
  .mv2 .pv2-schede--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mv2 .pv2-schede--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.mv2--pubblica .pv2-passi .mv2-passo__n { background: var(--mv2-accento-cta); color: #fff; }

/* un elenco: due colonne su schermo largo, un segno nel tono davanti a ogni voce */
.mv2 .pv2-elenco { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 10px 32px; max-width: 980px; }
@media (min-width: 760px) { .mv2 .pv2-elenco { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mv2 .pv2-elenco li { position: relative; padding-left: 26px; color: var(--mv2-testo-2); line-height: 1.55; }
.mv2 .pv2-elenco li::before {
  content: ''; position: absolute; left: 2px; top: .5em; width: 12px; height: 7px;
  border-left: 2px solid var(--mv2-tono); border-bottom: 2px solid var(--mv2-tono); transform: rotate(-45deg);
}

.mv2 .pv2-sottotitolo { margin: 40px 0 0; font-size: 1.16rem; font-weight: 700; }
.mv2 .pv2-citazione { border-left-color: var(--mv2-tono); }
.mv2 .pv2-citazione strong { color: var(--mv2-accento-chiaro); font-weight: 600; }
.mv2 .pv2-nota { margin: 20px 0 0; font-size: .9rem; color: var(--mv2-testo-2); max-width: 72ch; }
.mv2 .pv2-motto {
  margin: 34px 0 0; max-width: 34ch; font-size: clamp(1.2rem, 2.4vw, 1.6rem); font-weight: 700;
  line-height: 1.3; letter-spacing: -0.01em; color: var(--mv2-testo); text-wrap: balance;
}

/* i cinque verdetti: il nome con il suo segno colorato (il colore non e' mai l'unico segnale:
   il nome c'e' sempre), come nell'app */
.mv2 .pv2-verdetti { display: grid; gap: 12px; margin-top: 22px; }
@media (min-width: 680px) { .mv2 .pv2-verdetti { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .mv2 .pv2-verdetti { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.mv2 .pv2-verdetto {
  padding: 18px 18px 16px; background: var(--mv2-fondo-2);
  border: 1px solid var(--mv2-bordo); border-radius: var(--mv2-raggio);
}
.mv2 .pv2-verdetto__nome { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 1.02rem; font-weight: 700; }
.mv2 .pv2-verdetto__nome::before { content: ''; flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: var(--pv2-v); }
.mv2 .pv2-verdetto__testo { margin: 0; font-size: .92rem; color: var(--mv2-testo-2); }
.mv2 .pv2-verdetto--1 { --pv2-v: #3fb950; }
.mv2 .pv2-verdetto--2 { --pv2-v: #f85149; }
.mv2 .pv2-verdetto--3 { --pv2-v: #d29922; }
.mv2 .pv2-verdetto--4 { --pv2-v: #8b949e; }
.mv2 .pv2-verdetto--5 { --pv2-v: #58a6ff; }

/* accanto a uno scatto la colonna e' meta': l'elenco va su una colonna, le schede su due */
@media (min-width: 900px) {
  .mv2 .mv2-affianca .pv2-elenco { grid-template-columns: minmax(0, 1fr); }
  .mv2 .mv2-affianca .mv2-schede { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Giardiniamo: un verde foglia (il marchio e' nero), diverso da quello di TalkCheck */
.mv2.mv2--pubblica.mv2--giardiniamo {
  --mv2-tono: #84cc16;
  --mv2-accento: #84cc16;
  --mv2-accento-chiaro: #bef264;
  --mv2-accento-cta: #4d7c0f;      /* bianco sopra: 5,3 */
  --mv2-accento-cta-su: #3f6212;
}
/* solo in revisione: una funzione ancora da confermare (la prova blocca il rilascio) */
.mv2 .pv2-da-verificare { outline: 2px dashed #f59e0b; outline-offset: 3px; }

/* gli scatti da computer delle pagine di prodotto: tutta la colonna, senza il tetto del telefono */
.mv2--pubblica .pv2-scatto-desk img { width: 100%; height: auto; }