/* ================================================================
   Modale di accesso (da sloggato, su tutto il sito)
   Stessa forma del modale delle sezioni regionali (Figma 2193:30):
   velo, box da 560px, kicker verde, campi da 48px, azioni in fondo.
================================================================ */
/* Le variabili del tema non sono globali: ogni foglio di pagina le
   definisce sotto il suo contenitore (.sr-page, .ar-page...). Il modale sta
   nel footer, fuori da tutti, quindi porta le sue: quelle di
   sezioni-regionali.css, accento verde compreso. */
.anma-accesso{
  --primary:#1a5276;--secondary:#2e86c1;--dark:#1c2833;--gray:#7f8c8d;
  --light-gray:#bdc3c7;--bg-light:#f4f6f8;--bg-mid:#e5ebf0;
  --red:#e74c3c;--accent:#80bd1b;
  font-family:'Asap Condensed',sans-serif;color:var(--dark);
}
.anma-accesso{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.anma-accesso[hidden]{display:none}
.anma-accesso__velo{position:absolute;inset:0;background:rgba(26,82,118,.65)}

.anma-accesso__box{
  position:relative;background:#fff;border-radius:10px;
  box-shadow:0 24px 48px rgba(0,0,0,.25);
  width:560px;max-width:100%;max-height:calc(100vh - 48px);overflow-y:auto;
  padding:40px 40px 32px;display:flex;flex-direction:column;gap:24px;
}

.anma-accesso__x{
  position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:16px;
  background:var(--bg-light);color:var(--gray);font-size:20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;
}
.anma-accesso__x:hover{background:var(--bg-mid)}
.anma-accesso__x svg{display:block}

.anma-accesso__head{display:flex;flex-direction:column;gap:8px;padding-right:40px}
.anma-accesso__kicker{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:1.32px;text-transform:uppercase}
.anma-accesso__titolo{margin:0;font-size:22px;font-weight:700;color:var(--dark);line-height:1.18}
.anma-accesso__sub{margin:0;font-size:14px;color:var(--gray);line-height:1.45}

.anma-accesso__form{display:flex;flex-direction:column;gap:24px}
/* Login sbagliato (0.54.0): stesso riquadro della pagina /login/. */
.anma-accesso__errore{margin:0;background:#fdecec;border:1px solid #d64545;color:#b02a2a;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.4}
.anma-accesso__errore[hidden]{display:none}
.anma-accesso__campi{display:flex;flex-direction:column;gap:20px}
.anma-accesso__campo{display:flex;flex-direction:column;gap:6px}
.anma-accesso__campo label{font-size:12px;font-weight:700;letter-spacing:.48px;color:var(--dark)}
.anma-accesso__campo input{
  width:100%;height:48px;padding:0 16px;border:1px solid var(--light-gray);border-radius:4px;
  font-family:'Asap Condensed',sans-serif;font-size:15px;color:var(--dark);background:#fff;
}
.anma-accesso__campo input::placeholder{color:var(--gray)}
.anma-accesso__campo input:focus-visible{outline:2px solid var(--secondary);outline-offset:1px;border-color:var(--secondary)}

.anma-accesso__dimenticata{align-self:flex-end;margin-top:-8px;font-size:13px;font-weight:600;color:var(--secondary);text-decoration:underline}

.anma-accesso__nota{margin:0;background:var(--bg-light);border-radius:6px;padding:12px 14px;font-size:13px;color:var(--gray);line-height:1.4}
.anma-accesso__nota a{color:var(--primary);font-weight:700;text-decoration:none;margin-left:4px}
.anma-accesso__nota a:hover{text-decoration:underline}

.anma-accesso__azioni{display:flex;align-items:center;justify-content:space-between;gap:16px}
.anma-accesso__annulla{border:none;background:none;padding:0;font-family:inherit;font-size:14px;font-weight:700;color:var(--gray);cursor:pointer}
.anma-accesso__annulla:hover{color:var(--dark)}
.anma-accesso__invia{
  border:none;border-radius:6px;background:var(--red);color:#fff;cursor:pointer;
  padding:14px 28px;display:inline-flex;align-items:center;gap:10px;
  font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1.12px;
}
.anma-accesso__invia:hover{filter:brightness(1.07)}

/* Il modale è fisso: mentre è aperto la pagina sotto non scorre. */
body.anma-accesso-aperto{overflow:hidden}

@media (max-width:767px){
  .anma-accesso{padding:12px}
  .anma-accesso__box{padding:32px 20px 24px;gap:20px;max-height:calc(100vh - 24px)}
  .anma-accesso__head{padding-right:36px}
  .anma-accesso__titolo{font-size:19px}
  .anma-accesso__azioni{gap:12px}
}
@media (max-width:359px){
  .anma-accesso__azioni{flex-direction:column-reverse;align-items:stretch}
  .anma-accesso__invia{justify-content:center}
}