/* ===== MAPPA DELLE REGIONI ===== */

.ev-mappa{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:38px;
  width:100%;
}

.ev-mappa__disegno{
  flex:0 1 380px;
  min-width:260px;
  position:relative;
}

.ev-mappa__svg{
  width:100%;
  height:auto;
  display:block;
  overflow:visible;
}

.ev-mappa__attesa{
  font-size:14px;
  color:#4A5F6B;
  padding:40px 0;
  text-align:center;
}

/* --- le regioni --- */
.ev-mappa__regione-forma{
  fill:#E2DACE;
  stroke:#FBF8F3;
  stroke-width:1.1;
  stroke-linejoin:round;
  transition:fill .28s ease, filter .28s ease, transform .35s cubic-bezier(.2,.8,.25,1);
  transform-origin:center;
  transform-box:fill-box;
}

/* le regioni con una misura aperta sono vive */
.ev-mappa__regione-forma.is-attiva{
  fill:#3F6172;
  cursor:pointer;
}

/* al passaggio la regione si illumina d'oro */
.ev-mappa__regione-forma.is-attiva:hover,
.ev-mappa__regione-forma.is-attiva:focus-visible,
.ev-mappa__regione-forma.is-attiva.is-scelta{
  fill:#D9B96A;
  filter:drop-shadow(0 0 14px rgba(239,224,188,.95))
         drop-shadow(0 0 30px rgba(184,155,104,.65));
  outline:none;
}

/* anche le regioni spente danno un segnale, piu tenue */
.ev-mappa__regione-forma:not(.is-attiva):hover{
  fill:#D3C8B8;
}

.ev-mappa__fonte{
  margin:12px 0 0;
  font-size:11.5px;
  letter-spacing:.06em;
  color:#8A9AA3;
  text-align:center;
}

/* --- il pannello --- */
.ev-mappa__lato{
  flex:1 1 320px;
  min-width:280px;
}

.ev-mappa__pannello{
  background:#FFFFFF;
  border:1px solid #DDD5CA;
  border-top:3px solid #B89B68;
  border-radius:14px;
  padding:30px 28px;
  box-shadow:0 10px 30px rgba(27,42,50,.07);
  min-height:220px;
}

.ev-mappa__invito{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;
  font-size:24px;
  line-height:1.25;
  color:#3F6172;
  margin:0 0 10px;
}

.ev-mappa__aiuto{
  font-size:15.5px;
  line-height:1.6;
  color:#4A5F6B;
  margin:0;
}

.ev-mappa__regione{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;
  font-size:26px;
  line-height:1.2;
  color:#3F6172;
  margin:0 0 4px;
}

.ev-mappa__conteggio{
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#86693A;
  margin:0 0 20px;
}

.ev-mappa__misura{
  padding:18px 0;
  border-top:1px solid #EDE4D6;
}
.ev-mappa__misura:first-of-type{ border-top:0; padding-top:0; }

.ev-mappa__scadenza{
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#C0392B;
  margin:0 0 8px;
}

.ev-mappa__titolo{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;
  font-size:19px;
  line-height:1.3;
  color:#3F6172;
  margin:0 0 8px;
}

.ev-mappa__sommario{
  font-size:15px;
  line-height:1.6;
  color:#4A5F6B;
  margin:0 0 14px;
}

.ev-mappa__link{
  display:inline-block;
  font-family:'Questrial',sans-serif;
  font-weight:700;
  font-size:14.5px;
  letter-spacing:.03em;
  color:#1B2A32;
  background:#B89B68;
  border-radius:10px;
  padding:11px 20px;
  text-decoration:none;
  box-shadow:0 3px 0 #8A7146;
  transition:transform .2s ease, box-shadow .2s ease;
}
.ev-mappa__link:hover{
  color:#1B2A32;
  transform:translateY(-2px);
  box-shadow:0 5px 0 #8A7146;
}

.ev-mappa__elenco{ list-style:none; padding:0; margin:0; }
.ev-mappa__elenco ul{ list-style:none; padding:0 0 0 14px; margin:6px 0 16px; }
.ev-mappa__elenco a{ color:#3F6172; }

@media (max-width:860px){
  .ev-mappa{ gap:26px; }
  .ev-mappa__disegno{ flex:1 1 100%; max-width:300px; margin:0 auto; }
  .ev-mappa__lato{ flex:1 1 100%; }
  .ev-mappa__pannello{ padding:24px 22px; min-height:0; }
}

@media (prefers-reduced-motion: reduce){
  .ev-mappa__regione-forma{ transition:none; }
  .ev-mappa__link{ transition:none; }
}

/* --- le nazionali dentro il pannello della regione --- */
.ev-mappa__conteggio--naz{
  margin-top:22px;
  padding-top:16px;
  border-top:1px dashed #DDD5CA;
  color:#3F6172;
}

/* ===== LE TRE SEZIONI PER STATO ===== */
.ev-stati{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  margin:56px 0 0;
  align-items:stretch;
}

.ev-stati__blocco{
  flex:1 1 300px;
  min-width:270px;
  background:#FFFFFF;
  border:1px solid #DDD5CA;
  border-radius:14px;
  padding:24px 22px;
  box-shadow:0 8px 26px rgba(27,42,50,.06);
}

.ev-stati__h{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 6px;
}
.ev-stati__pallino{
  width:10px; height:10px; border-radius:50%;
  flex:0 0 auto;
}
.ev-stati__t{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700; font-size:21px; line-height:1.2;
  color:#3F6172; margin:0; flex:1 1 auto;
}
.ev-stati__n{
  font-family:'Questrial',sans-serif;
  font-size:12px; font-weight:700;
  background:#EDE8E0; color:#4A5F6B;
  border-radius:999px; padding:4px 10px;
}
.ev-stati__d{
  font-size:14px; line-height:1.55; color:#4A5F6B;
  margin:0 0 18px;
}

/* ogni stato ha il suo colore, sul pallino e sul bordo in alto */
.ev-stati__blocco--apertura{ border-top:3px solid #86693A; }
.ev-stati__blocco--apertura .ev-stati__pallino{ background:#B89B68; box-shadow:0 0 0 4px rgba(184,155,104,.2); }
.ev-stati__blocco--attivo{ border-top:3px solid #2F7D56; }
.ev-stati__blocco--attivo .ev-stati__pallino{ background:#2F7D56; box-shadow:0 0 0 4px rgba(47,125,86,.18); }
.ev-stati__blocco--chiuso{ border-top:3px solid #8A9AA3; }
.ev-stati__blocco--chiuso .ev-stati__pallino{ background:#8A9AA3; box-shadow:0 0 0 4px rgba(138,154,163,.2); }

.ev-stati__lista{ display:flex; flex-direction:column; gap:0; }

/* --- la singola misura --- */
.ev-misura{
  padding:16px 0;
  border-top:1px solid #EDE4D6;
}
.ev-misura:first-child{ border-top:0; padding-top:0; }

.ev-misura__meta{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  margin:0 0 8px;
}
.ev-misura__ambito{
  font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  font-weight:700; color:#4A5F6B;
  background:#F1E7D9; border-radius:999px; padding:4px 10px;
}
.ev-misura__scad{
  font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
  color:#86693A;
}
.ev-misura--chiuso .ev-misura__scad{ color:#8A9AA3; }

.ev-misura__t{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700; font-size:17px; line-height:1.3;
  margin:0 0 7px;
}
.ev-misura__t a{ color:#3F6172; text-decoration:none; }
.ev-misura__t a:hover{ color:#86693A; }

.ev-misura__d{
  font-size:14.5px; line-height:1.55; color:#4A5F6B;
  margin:0 0 10px;
}

.ev-misura__link{
  font-family:'Questrial',sans-serif;
  font-size:13.5px; font-weight:700; letter-spacing:.03em;
  color:#86693A; text-decoration:none;
}
.ev-misura__link:hover{ color:#3F6172; }

/* le chiuse restano leggibili ma si fanno da parte */
.ev-misura--chiuso .ev-misura__t a{ color:#5E7280; }
.ev-misura--chiuso .ev-misura__d{ color:#6B7C86; }

@media (max-width:900px){
  .ev-stati{ gap:18px; margin-top:40px; }
  .ev-stati__blocco{ flex:1 1 100%; }
}

.ev-stati__vuoto{
  font-size:14px; color:#8A9AA3; font-style:italic;
  margin:0; padding:10px 0;
}