/* ═══════════════════════════════════════════════════════════════════════
   assets/css/configuratore2.css — le parti nuove del configuratore con la STIMA (24/10/2026).
   Si aggiunge a configuratore.css (stesso linguaggio: fondo scuro, viola e rosa, oro per gli accenti).
   ═══════════════════════════════════════════════════════════════════════ */

/* la stima, sotto i passi: sempre in vista mentre si sceglie (sul telefono resta appiccicata in alto) */
.cz-stima{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 16px;padding:14px 18px;border-radius:16px;
    background:linear-gradient(120deg,rgba(246,197,110,.14),rgba(124,58,237,.16));border:1px solid rgba(246,197,110,.32);
    animation:czSt .45s ease both}
@keyframes czSt{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cz-st-k{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f6c56e}
.cz-st-v{font-size:17px;color:#fff}.cz-st-v b{font-size:21px;font-weight:800;color:#fff}
.cz-st-d{flex-basis:100%;font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.45}
@media (max-width:979px){.cz-stima{position:sticky;top:64px;z-index:5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(22,14,44,.88)}}

/* il consiglio sul giorno, sotto la data */
.cz-fascia{margin-top:10px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.75)}
.cz-fascia b{color:#fff}.cz-fascia span{display:block;margin-top:4px;color:#f6c56e;font-weight:700}
.cz-osp-nota{margin-top:8px;font-size:13px;color:rgba(255,255,255,.6)}

/* budget e tempi */
.cz-budget{margin-top:4px}
.cz-budget-fb{margin-top:14px;min-height:0}
.cz-budget-fb span{display:block;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.55;animation:czSt .35s ease both}
.cz-fb-ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#d4f7e1}
.cz-fb-in{background:rgba(246,197,110,.12);border:1px solid rgba(246,197,110,.38);color:#fde9c4}

/* l'arrivo: la stima grande, con la spiegazione sempre in vista */
.cz-fine-stima:empty{display:none}
.cz-fine-stima{margin:4px 0 18px;padding:20px 20px 16px;border-radius:20px;text-align:center;
    background:radial-gradient(120% 120% at 50% 0%,rgba(246,197,110,.18),rgba(124,58,237,.12) 60%,transparent);
    border:1px solid rgba(246,197,110,.34)}
.cz-fs-k{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f6c56e}
.cz-fs-v{display:block;font-size:20px;color:#fff;margin-top:6px}.cz-fs-v b{font-size:30px;font-weight:800}
.cz-fs-d{display:block;font-size:13px;color:rgba(255,255,255,.65);margin-top:4px}
.cz-fs-n{font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.6);margin:12px 0 0;text-align:left}

/* sei passi stanno stretti sul telefono: solo i numeri */
@media (max-width:560px){.cz2 .cz-steps li span{display:none}}
.cz-stima.cz-nascondi{display:none}
.cz-fs-n2{display:block;font-size:34px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
@media (max-width:420px){.cz-fs-n2{font-size:29px}}

/* il contaore della sola sala (24/10/2026) */
.cz-ore{margin:20px 0 6px;padding:18px;border-radius:18px;background:rgba(246,197,110,.07);border:1px solid rgba(246,197,110,.28);animation:czSt .35s ease both}
.cz-ore[hidden]{display:none}
.cz-ore-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 12px}
.cz-ore-top output{font-size:22px;font-weight:800;color:#fff}
.cz-ore-p{font-size:24px;font-weight:800;color:#f6c56e;font-variant-numeric:tabular-nums;text-align:right}
.cz-ore input[type=range]{width:100%;accent-color:#f6c56e;height:28px}
.cz-ore-celle{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:10px}
.cz-ore-celle i{height:10px;border-radius:4px;background:rgba(255,255,255,.1);transition:background .25s,transform .25s}
.cz-ore-celle i.on{background:linear-gradient(90deg,#a78bfa,#7c3aed)}
.cz-ore-celle i.gi{background:linear-gradient(90deg,#f6c56e,#f59e0b);transform:scaleY(1.2)}
.cz-ore-nota{margin-top:12px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78);min-height:1em}

/* ═══ LE ICONE DISEGNATE E LE CARD «ESPERIENZA» (24/10/2026) ═══════════════════════════════════════════
   Phosphor duotone in linea (inc/configuratore2.php → $czIc), tratto unico, mai emoji. Ogni tipo di evento ha
   il suo colore (--cz-c): l'icona vive in un alone di quel colore, scelta la card si accende tutta. */
.cz2 .cz-ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none}
.cz2 .cz-tipi{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.cz2 .cz-tipo{--cz-c:#f6c56e;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 16px 16px;min-height:128px;
    background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));overflow:hidden;isolation:isolate;
    transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.cz2 .cz-tipo::before{content:"";position:absolute;inset:auto -30% -60% auto;width:140px;height:140px;border-radius:50%;z-index:-1;
    background:radial-gradient(closest-side,color-mix(in srgb,var(--cz-c) 32%,transparent),transparent);opacity:.35;transition:opacity .3s,transform .4s}
.cz2 .cz-tipo .cz-em{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--cz-c);
    background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--cz-c) 26%,transparent),color-mix(in srgb,var(--cz-c) 8%,transparent) 70%);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cz-c) 35%,transparent);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.cz2 .cz-tipo:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cz-c) 55%,transparent)}
.cz2 .cz-tipo:hover::before{opacity:.8;transform:scale(1.15)}
.cz2 .cz-tipo:hover .cz-em{transform:rotate(-8deg) scale(1.08)}
.cz2 .cz-tipo[aria-pressed="true"]{border-color:var(--cz-c);
    background:linear-gradient(160deg,color-mix(in srgb,var(--cz-c) 22%,transparent),rgba(255,255,255,.03));
    box-shadow:0 14px 34px -14px color-mix(in srgb,var(--cz-c) 70%,transparent)}
.cz2 .cz-tipo[aria-pressed="true"]::before{opacity:1}
.cz2 .cz-ok{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;top:12px;right:12px;font-size:13px;
    background:var(--cz-c,#f6c56e);color:#1b1030}
.cz2 .cz-sede .cz-ok{--cz-c:#f6c56e}

/* i servizi: icona d'oro in linea, si accende quando scelto */
.cz2 .cz-serv .cz-em{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:23px;color:#f6c56e;
    background:rgba(246,197,110,.1);box-shadow:inset 0 0 0 1px rgba(246,197,110,.22);transition:background .25s,color .25s,transform .3s}
.cz2 .cz-serv:hover .cz-em{transform:scale(1.06)}
.cz2 .cz-serv[aria-pressed="true"] .cz-em{background:#f6c56e;color:#1b1030}

/* chip con icona (momento, decisione) */
.cz2 .cz-chip{display:inline-flex;align-items:center;gap:8px}
.cz2 .cz-chip .cz-ic{font-size:18px;color:#f6c56e}
.cz2 .cz-chip[aria-pressed="true"] .cz-ic{color:#fff}
.cz2 .cz-lbl .cz-ic,.cz2 .cz-fine-tag .cz-ic{color:#f6c56e;font-size:1.15em}
.cz2 .cz-fascia .cz-ic{margin-right:4px}
.cz2 .cz-fb-ok .cz-ic{margin-right:6px;color:#4ade80}

/* il biglietto: in testa la foto della sala scelta, poi le scelte con le icone */
.cz2 .cz-tk,.cz2 .cz-tk-mob{padding:0;background:linear-gradient(170deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
    box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.cz2 .cz-tk-foto{position:relative;padding:22px 22px 18px;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;
    background:radial-gradient(90% 120% at 85% 0%,rgba(219,39,119,.35),transparent 60%),linear-gradient(135deg,#2a1559,#160c2e);
    background-size:cover;background-position:center}
.cz2 .cz-tk-foto.on{min-height:190px}
.cz2 .cz-tk-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,8,30,.15) 0%,rgba(14,8,30,.55) 45%,rgba(14,8,30,.96) 100%);pointer-events:none}
.cz2 .cz-tk-foto > *{position:relative;z-index:1}
.cz2 .cz-tk-t{position:absolute;top:16px;left:22px;margin:0;color:#f6c56e;padding:5px 10px;border-radius:99px;
    background:rgba(14,8,30,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:10.5px}
.cz2 .cz-tk-ic{font-size:30px;color:#f6c56e;margin-bottom:6px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}
.cz2 .cz-tk-h{font-size:24px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.cz2 .cz-tk-s{margin:0;color:rgba(255,255,255,.82);font-weight:600}
.cz2 .cz-tk-s .cz-ic{color:#f6c56e}
.cz2 .cz-tk-c{padding:6px 22px 18px;position:relative}
.cz2 .cz-tk-c::before{content:"";position:absolute;left:14px;right:14px;top:0;border-top:2px dashed rgba(255,255,255,.14)}
.cz2 .cz-tk-r:first-child{border-top:0}
.cz2 .cz-tk-r i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:17px;color:#f6c56e;background:rgba(246,197,110,.1)}
.cz2 .cz-tk-vuoto{padding-top:14px}

/* cosa manca per andare avanti: si dice, si illumina, si scuote */
.cz-avviso{display:none}
.cz-avviso.on{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 15px;border-radius:14px;font-size:14.5px;font-weight:700;color:#fde9c4;
    background:rgba(246,197,110,.13);border:1px solid rgba(246,197,110,.45);animation:czSt .35s ease both}
.cz-avviso .cz-ic{font-size:22px;color:#f6c56e}
.cz2 #cz-next.cz-manca{opacity:.55;box-shadow:none}
.cz-scuoti{animation:czScuoti .5s ease both,czLuce 1.6s ease both;border-radius:18px}
@keyframes czScuoti{0%,100%{transform:none}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@keyframes czLuce{0%,60%{box-shadow:0 0 0 3px rgba(246,197,110,.75),0 0 30px rgba(246,197,110,.35)}100%{box-shadow:0 0 0 0 rgba(246,197,110,0)}}
@media (prefers-reduced-motion:reduce){.cz-scuoti{animation:czLuce 1.6s ease both}}

@media (max-width:560px){
    .cz2 .cz-tipi{grid-template-columns:1fr 1fr;gap:10px}
    .cz2 .cz-tipo{min-height:112px;padding:14px 13px;gap:10px}
    .cz2 .cz-tipo .cz-em{width:42px;height:42px;font-size:23px}
}

/* su cosa è calcolata la stima e cosa resta fuori (24/10/2026) */
.cz-fs-base{display:grid;gap:8px;margin:16px 0 0;text-align:left}
.cz-fs-base > div{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;align-items:baseline;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13.5px;line-height:1.45}
.cz-fs-base span{display:flex;align-items:center;gap:7px;color:#f6c56e;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.cz-fs-base span .cz-ic{font-size:17px}
.cz-fs-base b{color:#fff;font-weight:700}
.cz-fs-base .fuori span{color:rgba(255,255,255,.6)}.cz-fs-base .fuori b{color:rgba(255,255,255,.8);font-weight:600}
.cz-fs-base em{grid-column:1/-1;font-style:normal;color:#fde9c4;font-size:13px}
@media (max-width:560px){.cz-fs-base > div{grid-template-columns:1fr}}

/* «Altra occasione»: il cliente scrive cosa festeggia (24/10/2026) */
.cz-altro{margin-top:16px;animation:czSt .35s ease both}
.cz-altro[hidden]{display:none}
.cz-altro .cz-lbl{display:block;margin-bottom:8px}
.cz-altro-in{width:100%;font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.06);border:1.5px solid rgba(196,181,253,.5);border-radius:14px;padding:14px 15px;outline:0}
.cz-altro-in:focus{border-color:#c4b5fd;box-shadow:0 0 0 4px rgba(196,181,253,.18)}
@media (min-width:980px){.cz2 .cz-tipi{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* da telefono le card sono 2 per riga: «Altra occasione» (la 9ª) prende la riga intera */
@media (max-width:979.98px){.cz2 .cz-tipo[data-val="Altra occasione"]{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center}}

/* evento aziendale o riunione/assemblea (24/10/2026); per le riunioni la capienza della sala al posto degli ospiti */
.cz-azi{margin-top:16px;animation:czSt .35s ease both}
.cz-azi[hidden],.cz-capienza[hidden],.cz2 [hidden]{display:none!important}
.cz-azi .cz-lbl{display:block;margin-bottom:8px}
.cz-capienza{display:flex;align-items:center;gap:12px;margin:6px 0 4px;padding:14px 16px;border-radius:16px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.85);
  background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.35)}
.cz-capienza .cz-ic{font-size:26px;color:#60a5fa;flex:none}.cz-capienza b{color:#fff}
.cz-azi .cz-lbl small{text-transform:none;letter-spacing:0;font-weight:600;opacity:.7}