/* ev-book — mini-wizard «Prenota su WhatsApp» per le card evento.
   Condiviso tra /eventi (Astro) e /news/ (PHP): markup e animazioni stile HomePopups.
   Token: usa quelli della pagina ospite se ci sono, altrimenti fallback caldi. */
.evb{--eb-acc:var(--accent,#e9631f);--eb-deep:var(--accent-deep,#c9531e);--eb-soft:var(--accent-soft,#fdebda);
  --eb-paper:var(--paper,#fffdf9);--eb-ink:var(--ink,#2a211c);--eb-soft2:var(--ink-soft,#5c5048);
  --eb-line:var(--line,#ebdfcb);--eb-fd:var(--font-display,"Fraunces",Georgia,serif);
  --eb-spring:cubic-bezier(.32,.72,0,1);--eb-ease:cubic-bezier(.16,.6,.2,1)}
.evb-ol{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1.2rem;
  background:rgba(42,29,23,.5);backdrop-filter:blur(6px);
  animation:evbFade .25s ease}
@keyframes evbFade{from{opacity:0}}
.evb-ol.is-closing{animation:evbFadeOut .22s ease forwards}
@keyframes evbFadeOut{to{opacity:0}}
.evb-card{width:min(480px,100%);max-height:min(88vh,640px);overflow:auto;overscroll-behavior:contain;
  background:var(--eb-paper);color:var(--eb-ink);border-radius:22px;border:1px solid var(--eb-line);
  box-shadow:0 34px 80px -30px rgba(42,29,23,.55);padding:1.5rem 1.5rem 1.4rem;
  animation:evbUp .35s var(--eb-spring)}
@keyframes evbUp{from{opacity:0;transform:translateY(22px) scale(.97)}}
.evb-ol.is-closing .evb-card{animation:evbDown .22s ease forwards}
@keyframes evbDown{to{opacity:0;transform:translateY(14px) scale(.98)}}
.evb-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.evb-eye{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--eb-deep)}
.evb-when{display:block;margin-top:.3rem;font-size:.88rem;font-weight:600;color:var(--eb-soft2)}
.evb-x{appearance:none;flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;margin:-.4rem -.5rem 0 0;
  border:1px solid var(--eb-line);border-radius:50%;background:transparent;color:var(--eb-ink);
  font-size:1rem;cursor:pointer;transition:background .2s,border-color .2s}
.evb-x:hover{background:var(--eb-soft);border-color:var(--eb-acc)}
.evb-x:focus-visible{outline:2px solid var(--eb-acc);outline-offset:2px}
.evb-progress{height:4px;border-radius:4px;background:var(--eb-line);margin:.9rem 0 1.1rem;overflow:hidden}
.evb-progress i{display:block;height:100%;border-radius:inherit;background:var(--eb-acc);
  transition:width .35s var(--eb-ease)}
.evb-count{display:flex;justify-content:space-between;align-items:baseline;
  font-size:.78rem;color:var(--eb-soft2);margin-bottom:.15rem}
.evb-count b{font-weight:800;color:var(--eb-deep)}
.evb-step{min-width:0}
.evb-step[hidden]{display:none}
.evb-step.is-on{animation:evbIn .24s ease-out both}
.evb-step.is-back{animation:evbOut .24s ease-in both}
@keyframes evbIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes evbOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}
.evb-step h3{font-family:var(--eb-fd);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;margin:.1rem 0 .9rem}
.evb-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.evb-chip{appearance:none;font:inherit;font-weight:700;font-size:.95rem;min-height:46px;
  padding:.6rem 1.05rem;border:1.5px solid var(--eb-line);border-radius:999px;
  background:#fff;color:var(--eb-ink);cursor:pointer;
  transition:border-color .2s,background .2s,transform .15s var(--eb-spring)}
.evb-chip:hover{border-color:var(--eb-acc);transform:translateY(-1px)}
.evb-chip.is-on{border-color:var(--eb-acc);background:var(--eb-soft);color:var(--eb-deep)}
.evb-chip:focus-visible{outline:2px solid var(--eb-acc);outline-offset:2px}
.evb-chip--ghost{border-style:dashed;font-weight:600;color:var(--eb-soft2)}
.evb-hint{margin:.7rem 0 0;font-size:.8rem;color:var(--eb-soft2);line-height:1.4}
.evb-step label{display:grid;gap:.4rem;font-weight:700;font-size:.9rem}
.evb-step input,.evb-step textarea{width:100%;min-height:50px;padding:.8rem .95rem;font:inherit;
  border:1.5px solid var(--eb-line);border-radius:14px;background:#fff;color:var(--eb-ink)}
.evb-step textarea{min-height:92px;resize:vertical}
.evb-step input:focus,.evb-step textarea:focus{outline:3px solid color-mix(in srgb,var(--eb-acc) 28%,transparent);border-color:var(--eb-acc)}
.evb-note-tgl{appearance:none;background:none;border:0;padding:.2rem 0;margin-top:.7rem;
  font:inherit;font-size:.88rem;font-weight:700;color:var(--eb-deep);cursor:pointer;text-align:left}
.evb-note-tgl:hover{text-decoration:underline}
.evb-note-box{margin-top:.55rem}
.evb-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.1rem}
.evb-back{appearance:none;background:none;border:0;padding:.45rem .2rem;font:inherit;font-size:.92rem;
  font-weight:600;color:var(--eb-soft2);cursor:pointer}
.evb-back:hover{color:var(--eb-deep);text-decoration:underline}
.evb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font:inherit;font-weight:800;font-size:.98rem;min-height:50px;padding:.8rem 1.5rem;
  border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;
  transition:transform .18s var(--eb-spring),box-shadow .2s,filter .2s}
.evb-btn:active{transform:translateY(1px) scale(.98)}
.evb-btn--pri{color:#fff;background:linear-gradient(105deg,var(--grad-a,var(--eb-acc)),var(--grad-b,#c4185b));
  box-shadow:0 10px 26px -10px rgba(201,83,30,.8)}
.evb-btn--pri:hover{transform:translateY(-2px);filter:brightness(1.04)}
.evb-btn--wa{color:#fff;background:#25d366;box-shadow:0 10px 26px -10px rgba(37,211,102,.55)}
.evb-btn--wa:hover{transform:translateY(-2px);filter:brightness(1.03)}
.evb-btn--ghost{color:var(--eb-deep);background:transparent;border-color:var(--eb-line);box-shadow:none}
.evb-btn--ghost:hover{border-color:var(--eb-acc);background:var(--eb-soft)}
.evb-sum{display:flex;flex-wrap:wrap;gap:.45rem;margin:.2rem 0 1rem}
.evb-sum button{appearance:none;display:inline-flex;align-items:center;gap:.4rem;
  padding:.34rem .8rem;border-radius:999px;border:1px solid rgba(233,99,31,.25);
  background:linear-gradient(135deg,rgba(247,183,51,.14),rgba(233,99,31,.08));
  font:inherit;font-size:.8rem;font-weight:700;color:var(--eb-deep);cursor:pointer;
  transition:border-color .2s,background .2s}
.evb-sum button:hover{border-color:rgba(233,99,31,.55);background:linear-gradient(135deg,rgba(247,183,51,.22),rgba(233,99,31,.15))}
.evb-sum button b{font-weight:800}
.evb-sum button svg{width:11px;height:11px;opacity:.7}
.evb-prev{position:relative;margin:0 0 1.1rem;padding:.9rem 1rem .9rem 1.05rem;
  background:#dcf8c6;border-radius:14px 14px 14px 4px;color:#202c33;
  font-size:.92rem;line-height:1.5;white-space:pre-wrap;box-shadow:0 2px 6px rgba(32,44,51,.12)}
.evb-acts{display:grid;gap:.6rem}
.evb-copied{display:block;text-align:center;font-size:.82rem;font-weight:700;color:#1c7c43;min-height:1.2em}
/* Mobile: bottom sheet a tutta larghezza */
@media (max-width:560px){
  .evb-ol{place-items:end center;padding:0}
  .evb-card{width:100%;max-height:86vh;border-radius:22px 22px 0 0;border-bottom:0;
    padding:1.3rem 1.2rem calc(1.3rem + env(safe-area-inset-bottom))}
  .evb-chip{min-height:52px;font-size:1rem}
}
@media (prefers-reduced-motion:reduce){
  .evb-ol,.evb-card,.evb-ol.is-closing,.evb-ol.is-closing .evb-card{animation:none}
  .evb-step.is-on,.evb-step.is-back{animation:none}
  .evb-progress i,.evb-chip,.evb-btn,.evb-x,.evb-sum button{transition:none}
}
/* Card riepilogo evento in testa al wizard (da barra avvisi / card con data-book-img) */
.evb-ev{display:flex;gap:.75rem;align-items:center;margin:0 0 .8rem;
  border:1px solid var(--eb-line);border-radius:14px;padding:.5rem .6rem;background:#fffdf9}
.evb-ev__media{width:96px;aspect-ratio:16/9;flex-shrink:0;border-radius:9px;overflow:hidden;
  background:var(--eb-soft);display:grid;place-items:center;color:var(--eb-deep);font-size:1.1rem}
.evb-ev__media img{width:100%;height:100%;object-fit:cover;display:block}
.evb-ev__b{min-width:0;line-height:1.3}
.evb-ev__b b{display:block;font-size:.9rem;color:#2a1c14}
.evb-ev__b span{font-size:.76rem;color:var(--eb-deep);opacity:.85}