/* single-pollata.css — GlitchZone · esclusivi del single PoLLATA (Step 5.2b)
   ------------------------------------------------------------------------
   Solo ciò che NON è condiviso (lo shared sta in single-base.css): article-content,
   box "Traduzione", punti, pros/cons. Estratto byte-fedele da
   articolo_v13.html (CSS ~righe 253-509). Caricato SOLO su is_singular('gz_pollata')
   (dep gz-single-base). Colori hardcoded dello statico → var(--cat-*) dove la tinta
   seguiva il tema (translation/point-comment); pros=verde/cons=rosso
   restano semantici (--primary/--error). */

/* ── Intro (.article-content) ── */
.article-content p { margin-bottom: 20px; color: var(--text-secondary); font-size: 1.1rem; }
.article-content strong { color: var(--text-primary); font-weight: 700; }

/* ── Box "Traduzione" (marketing → realtà) ── colore-sezione (era accent fisso) ── */
.translation {
    /* Restruttura "meno box": callout, non scatola piena. Sfondo fucsia MINIMO (4% del
       colore-sezione, super trasparente — scelta proprietario) + barra-accento a sinistra. */
    background: color-mix(in srgb, var(--cat-color) 4%, transparent);
    border-left: 3px solid var(--cat-color);
    border-radius: 0; /* spigoli vivi: righe di codice grezzo, non "curate" (scelta proprietario) */
    padding: 8px 14px 8px 16px; margin: 8px 0 24px 0;
    font-size: 0.95rem; color: var(--cat-color); font-family: 'Space Mono', monospace;
    position: relative;
}
.translation .icon-svg { vertical-align: -2px; margin-right: 4px; }
.translation .icon-svg svg { width: 15px; height: 15px; }

/* Frase-ponte: NASCOSTA (28 giu). Il verdetto ora apre con .verdict-head «Il verdetto»
   (vedi single-gz_pollata.php). Markup tenuto per l'opzione (c) — la frase-voce come ANCORA
   del verdetto: in quel caso togliere il display:none e restilizzare come .verdict-head.
   Lo stile precedente (centrato 720) è recuperabile da git. */
.ponte-verdetto { display: none; }

/* ── Header del verdetto («Il verdetto») = "secondo picco" della pagina (28 giu) ──
   Dopo l'H1, l'ancora dove "atterri" al giudizio. LATERALE + linea corta sotto (no
   hairline → lo stacco lo fa lo spazio: 60px sopra), coerente con l'asse-sinistra del
   de-box. <h2> nel markup → chiude anche il salto heading H1→H3 in questa sezione. */
.verdict-head {
    font-family: 'Space Mono', monospace; font-weight: 700; font-size: 1.875rem;
    line-height: 1.1; color: var(--text-primary); text-transform: uppercase;
    letter-spacing: 1px; margin: 80px 0 72px; position: relative; /* aria sopra 80 ≥ sotto 72 (header più vicino al suo blocco). Full-width 912 (x=279) come TUTTA la pagina — uniformità larghezze (28 giu): l'emphasis del verdetto viene dall'header, non più dalla larghezza ridotta. */
}
.verdict-head::after { content: ''; position: absolute; left: 0; bottom: -12px; width: 54px; height: 3px; background: var(--cat-color); }

/* ── Layout full-width (single-column, GZ leggero — sidebar rimossa, correlati in fondo) ── */
/* Prosa FULL-WIDTH (scelta proprietario: armonia > lunghezza-riga; era già così prima). */
.verdict-block { margin-top: 40px; }

/* ── Poll — direzione B: "eco della sintesi-lampo" (26 giu cont.) ──
   Il poll era l'unico superstite del "prima": scatola piena + bordo + angoli
   arrotondati, a 960 orfani. Qui rientra nel linguaggio del redesign →
   (a) CONTENITORE de-boxato (no fondo/bordo, spigoli vivi) a tutta larghezza;
   (b) le 3 OPZIONI rifatte nel FORMATO callout della sintesi-lampo (barra-
   accento + velo nel colore-sezione, multi-riga etichetta/valore). Lo STILE callout
   resta l'eco della sintesi; la LARGHEZZA (26 giu cont.) è invece allineata al
   pro/contro: blocco centrato 860 → poll = "fratello" del pro/contro (bordi in
   colonna) e «QUANTO SEI POLLO?» = 3° header in fila con COMPRALO SE / LASCIA
   PERDERE SE → zona-verdetto = una sola colonna centrata. Callout ~277px (si perde
   l'aggancio dimensionale 341 con la sintesi, lo stile no). Tutto left DENTRO al
   blocco (non si centra il testo). Scopato a `.verdict-block` (pollata-only): il
   poll del rumor, condiviso in single-base.css, resta intatto. */
.verdict-block .poll-box {
    background: transparent; border: 0; border-radius: 0; padding: 0;
    margin: 88px 0 0; /* aria pro/contro → poll 64→88 (richiesta proprietario 28 giu: lo stacco è solo aria, niente separatori) + full-width 912 */
}
.verdict-block .poll-header, .verdict-block .poll-question { padding-left: 19px; } /* allinea etichetta+domanda al TESTO di pro/contro e callout (x=324 = barra 3px + padding 16px); senza, il titolo restava a filo-blocco 305 = 19px fuori da tutto il resto */
.verdict-block .poll-question { margin-bottom: 32px; font-size: 1.25rem; } /* aria domanda → opzioni; font 1.05→1.25rem (redesign verdetto 28 giu: la domanda = climax interattivo) */
.verdict-block .poll-options { gap: 14px; margin-bottom: 48px; } /* gap = .points-box; margin-bottom = aria opzioni → barra di caricamento (richiesta proprietario, alzato 32→48) */
.verdict-block .poll-option {
    flex-direction: row; flex-wrap: wrap; align-items: center; align-content: center; text-align: left; /* align-content:center = icona a dx sempre al centro verticale, a prescindere dalle righe dell'etichetta (fix 9 lug) */
    column-gap: 8px; row-gap: 0; /* niente gap della riga wrap a riposo (la riga-% collassa); lo stacco al voto lo dà il margin-top animato della % */
    background: color-mix(in srgb, var(--cat-color) 4%, transparent);
    border: 0; border-left: 3px solid var(--cat-color); border-radius: 0;
    padding: 12px 16px;
}
.verdict-block .poll-option:hover { background: color-mix(in srgb, var(--cat-color) 9%, transparent); }
/* header-riga: etichetta a sinistra, emoji spinta a destra (come label+icona della sintesi) */
.verdict-block .poll-label { order: 1; font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--cat-color); }
.verdict-block .poll-emoji { order: 2; margin-left: auto; display: inline-flex; align-items: center; font-size: 1.3rem; color: var(--cat-color); } /* font-size = fallback emoji (poll non-standard); l'icona SVG è dimensionata sotto */
.verdict-block .poll-emoji .icon-svg svg { width: 26px; height: 26px; } /* "arco del pollo" — qualche px più dell'emoji (~21px), scelta proprietario: aiuta la coscia a leggersi */
/* icona votata clonata dal JS in coda al verdetto-typewriter: inline, piccola, eredita il verde del verdetto */
.verdict-block .poll-verdict .icon-svg svg { width: 1.1em; height: 1.1em; vertical-align: -0.18em; }
/* la % = riga-valore sotto (rivelata dopo il voto: l'opacity sta in single-base) */
/* Callout-compatto (28 giu): a riposo la riga-% COLLASSA (max-height:0 → niente spazio
   morto sotto l'etichetta, l'opzione è una riga sola). Al voto si APRE in animazione
   (max-height + opacity + margin-top) → la pagina sotto scende morbida, non scatta. */
.verdict-block .poll-percent { order: 3; flex-basis: 100%; font-size: 1.15rem; max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; transition: max-height 0.35s ease, opacity 0.3s ease, margin-top 0.35s ease; }
.verdict-block .poll-box.revealed .poll-percent { max-height: 2em; opacity: 1; margin-top: 4px; }
/* stato votato: callout "acceso" (velo forte + glow) invece del blocco pieno del base */
.verdict-block .poll-option.voted { background: color-mix(in srgb, var(--cat-color) 16%, transparent); color: inherit; box-shadow: 0 0 18px var(--cat-glow); }
.verdict-block .poll-option.voted .poll-label,
.verdict-block .poll-option.voted .poll-percent { color: var(--cat-color); }
/* Fix icona v2 (9 lug): icona ancorata in ASSOLUTO al centro verticale del box (align-content non
   bastava a video). L'SVG resta 26px (regola sopra). Hover: preservo translate + scale. */
.verdict-block .poll-option { position: relative; }
.verdict-block .poll-emoji { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); margin-left: 0; }
.verdict-block .poll-option:hover .poll-emoji { transform: translateY(-50%) scale(1.1); }
.verdict-block .poll-label { padding-right: 34px; }
/* ── "La Mossa Anti-Pollo" — DE-BOX 26 giu (callout giallo + mascot, layout A: mascot a sx) ──
   Pollata-only (scopato a .single-gz_pollata): il rumor, non ancora de-boxato, tiene il box
   classico (.anti-pollo-box condiviso in single-base.css). Stessa veste delle traduzioni, gialla. */
.single-gz_pollata .anti-pollo-box {
    display: flex; align-items: center; gap: 26px; text-align: left;
    max-width: none; margin: 88px auto 0;                              /* aria poll → anti-pollo 56→88 (richiesta proprietario 28 giu: stacco a sola aria) + full-width */
    background: color-mix(in srgb, var(--yellow) 5%, transparent);     /* velo giallo tenue (come le traduzioni, gialle) */
    border: 0; border-left: 3px solid var(--yellow); border-radius: 0; /* barra-accento + spigoli vivi */
    padding: 22px 26px; box-shadow: none;
}
.single-gz_pollata .anti-pollo-box::before { display: none; }   /* via il gradiente del box pieno */
.single-gz_pollata .anti-pollo-box:hover { transform: none; }   /* niente lift: i callout sono statici */
.single-gz_pollata .anti-pollo-mascot {
    height: 96px; width: auto; flex-shrink: 0; align-self: center;
    filter: drop-shadow(0 0 5px var(--yellow-glow)) drop-shadow(0 0 16px var(--yellow-glow)); /* glow GIALLO (era rosa-sezione negli archivi) */
}
.single-gz_pollata .anti-pollo-body { text-align: left; }
.single-gz_pollata .anti-pollo-title { margin-bottom: 8px; }    /* compatta nel callout */
.single-gz_pollata .anti-pollo-box p { margin-bottom: 16px; }
.single-gz_pollata .anti-pollo-cta { animation: none; }         /* via il pulse su callout raw */
.correlati-readnext { margin-top: 52px; }                                     /* "read next" in fondo */
.correlati-readnext .correlati-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

/* ── 3 Points Box (attesa/danno/scusa) ── */
/* 3 punti = "sintesi-lampo" sotto l'hero: 3 colonne affiancate, ognuna nel FORMATO
   delle traduzioni (barra-accento + velo nel colore del punto). attesa=grigio ·
   danno=verde · scusa=giallo. Scelta proprietario. */
.points-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 28px 0 36px; }
.point-item {
    display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; row-gap: 4px;
    border-left: 3px solid var(--pt);
    background: color-mix(in srgb, var(--pt) 5%, transparent);
    border-radius: 0; /* spigoli vivi: righe di codice grezzo, non "curate" (scelta proprietario) */
    padding: 12px 16px; font-family: 'Space Mono', monospace;
}
.point-item:nth-child(1) { --pt: var(--text-secondary); }
.point-item:nth-child(2) { --pt: var(--primary); }
.point-item:nth-child(3) { --pt: var(--yellow); }
/* Sezione Flop: la 3ª card («Il flop») = picco rosso (--cat-color), non il giallo Polli.
   Bordo/velo/etichetta/icona seguono --pt → vira tutta. Grigio (tempo) e verde (soldi) intatti. */
body.term-flop .point-item:nth-child(3) { --pt: var(--cat-color); }
/* Sezione Affari: la 3ª card («il colpo affare») = ciano-glitch (NON verde → evita l'overload di verde). */
body.term-affari .point-item:nth-child(3) { --pt: var(--glitch-cyan); }
/* riga-header: etichetta a sinistra, icona spinta a destra (stessa riga) */
.point-label { order: 1; font-size: 0.66rem; color: var(--pt); text-transform: uppercase; letter-spacing: 0.5px; }
.point-icon { order: 2; margin-left: auto; display: inline-flex; align-items: center; }
.point-icon .icon-svg { color: var(--pt); }
.point-icon .icon-svg svg { width: 18px; height: 18px; }
/* valore e commento: ognuno su una riga propria sotto */
.point-value { order: 3; flex-basis: 100%; font-weight: 700; color: #fff; font-size: 1.1rem; margin-top: 2px; }
.point-comment { order: 4; flex-basis: 100%; font-size: 0.8rem; color: var(--text-muted); font-style: italic; line-height: 1.3; }

/* ── Pros & Cons ── */
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin: 24px 0; } /* full-width (912) come il resto della pagina — uniformità larghezze (28 giu) */
/* Restruttura "meno box": pro/contro de-boxati → barra-accento a sinistra (verde/rosso)
   + header colorato + lista, su fondo aperto (no scatola piena). Quiet: niente hover. */
.pros-box, .cons-box { padding: 2px 0 2px 16px; }
.pros-box { border-left: 3px solid var(--primary); }
.cons-box { border-left: 3px solid var(--error); }
.pros-cons-title { font-family: 'Space Mono', monospace; font-weight: 700; margin-bottom: 16px; font-size: 1.2rem; text-transform: uppercase; } /* 0.85→1.2rem (redesign verdetto 28 giu: da etichetta a dichiarazione) */
.pros-box .pros-cons-title { color: var(--primary); text-shadow: 0 0 10px var(--primary-glow); }
.cons-box .pros-cons-title { color: var(--error); text-shadow: 0 0 10px rgba(255,68,68,0.4); }
.pros-cons-title .icon-svg { vertical-align: -2px; margin-right: 3px; }
.pros-cons-title .icon-svg svg { width: 20px; height: 20px; } /* 14→20px: ✓/✗ più decise (redesign verdetto 28 giu) */
.pros-cons-list { list-style: none; padding: 0; }
.pros-cons-list li { padding: 6px 0; font-size: 0.9rem; color: var(--text-secondary); display: flex; align-items: flex-start; gap: 10px; }
.pros-cons-list li .icon-svg { margin-top: 5px; } /* ✓/✗ sulla PRIMA riga (scelta proprietario 3 lug), non centrata sul blocco */
.pros-cons-list li .icon-svg svg { width: 12px; height: 12px; flex-shrink: 0; display: block; }
/* Icone ✓/✗ = verde/rosso semantico (era stroke #00ff88/#ff4444 fisso → currentColor per box) */
.pros-box .icon-svg { color: var(--primary); }
.cons-box .icon-svg { color: var(--error); }

/* ── Sidebar correlati: stile "lista-terminale" condiviso (.correlati-*) → single-base.css ── */

/* ── Animazioni d'ingresso (keyframe fadeInUp in single-base) ── */
.article-content > p, .article-content > .translation { animation: fadeInUp 0.6s ease forwards; opacity: 0; }
.points-box { animation: fadeInUp 0.6s ease forwards; animation-delay: 0.4s; opacity: 0; }
.pros-cons { animation: fadeInUp 0.6s ease forwards; animation-delay: 0.5s; opacity: 0; }
.article-content > *:nth-child(1) { animation-delay: 0.10s; }
.article-content > *:nth-child(2) { animation-delay: 0.15s; }
.article-content > *:nth-child(3) { animation-delay: 0.20s; }
.article-content > *:nth-child(4) { animation-delay: 0.25s; }
.article-content > *:nth-child(5) { animation-delay: 0.30s; }
.article-content > *:nth-child(6) { animation-delay: 0.35s; }
.article-content > *:nth-child(7) { animation-delay: 0.40s; }
.article-content > *:nth-child(8) { animation-delay: 0.45s; }
.article-content > *:nth-child(9) { animation-delay: 0.50s; }
.article-content > *:nth-child(10) { animation-delay: 0.55s; }
.article-content > *:nth-child(11) { animation-delay: 0.60s; }
.article-content > *:nth-child(12) { animation-delay: 0.65s; }

/* ── Responsive ── */
@media (max-width: 768px) {
    .points-box { grid-template-columns: 1fr; gap: 20px; }
    .pros-cons { grid-template-columns: 1fr; }
    .verdict-block .poll-options { grid-template-columns: 1fr; } /* impila come la sintesi (batte il 2-col del base) */
    .correlati-readnext .correlati-list { grid-template-columns: 1fr; }
}