/* ============================================================
   AXELIA - banner del consenso, avviso di invio riuscito
   e piccole protezioni sulle immagini.
   I colori vengono da :root in stile.css.
   ============================================================ */

.cc-velo{
  position:fixed; inset:auto 0 0 0; z-index:9999;
  padding:var(--pad); padding-bottom:max(var(--pad),env(safe-area-inset-bottom));
  background:linear-gradient(to top,rgba(9,8,7,.34),rgba(9,8,7,0));
  pointer-events:none;
}
.cc-box{
  pointer-events:auto;
  max-width:var(--maxw); margin:0 auto;
  background:var(--surface); color:var(--text);
  border:1px solid var(--line); border-radius:14px;
  box-shadow:var(--shadow);
  padding:clamp(1.1rem,2.6vw,1.6rem);
  display:grid; gap:.9rem;
  grid-template-columns:minmax(0,1fr) auto; align-items:center;
}
.cc-box p{margin:0; font-size:.95rem; line-height:1.55; color:var(--muted)}
.cc-box p strong{color:var(--text)}
.cc-box a{color:var(--accent-ink)}
.cc-azioni{display:flex; gap:.6rem; flex-wrap:wrap}
.cc-btn{
  font:inherit; font-weight:600; cursor:pointer;
  padding:.7rem 1.35rem; border-radius:999px; border:1px solid var(--field-line);
  background:var(--surface); color:var(--text); white-space:nowrap;
}
.cc-btn:hover{border-color:var(--accent)}
.cc-btn.si{background:var(--accent); border-color:var(--accent); color:var(--on-accent)}
.cc-btn.si:hover{background:var(--accent-ink)}
.cc-btn:focus-visible{outline:2px solid var(--focus); outline-offset:3px; box-shadow:0 0 0 6px var(--focus-halo)}
@media (max-width:720px){
  .cc-box{grid-template-columns:1fr}
  .cc-azioni{display:grid; grid-template-columns:1fr 1fr}
  .cc-btn{width:100%; text-align:center}
}


/* avviso dopo l'invio di un modulo */
.cc-esito{
  margin:0 0 1.6rem; padding:1.05rem 1.25rem;
  border-radius:12px; border:1px solid var(--accent);
  background:var(--accent-soft); color:var(--text);
  font-size:1rem; line-height:1.55;
}
.cc-esito strong{display:block; font-size:1.1rem; margin-bottom:.25rem}

/* le fotografie non si trascinano e non si selezionano */
img{-webkit-user-drag:none; user-select:none; -webkit-user-select:none}