/* Il banner, nei colori del sito. Le variabili arrivano dal tema; i valori
   dopo la virgola servono se un giorno il plugin finisse su un altro tema. */
.consenso{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  padding: 0 clamp(14px, 4vw, 40px) clamp(14px, 4vw, 34px);
  pointer-events: none;
}
.consenso[hidden]{ display: none; }
/* i tasti del tema hanno un display proprio, che vince su [hidden]:
   senza questa riga "Salva le scelte" si vedrebbe fin dall'inizio */
.consenso [hidden]{ display: none !important; }

.consenso__scatola{
  pointer-events: auto;
  max-width: 760px; margin: 0 auto;
  padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 30px);
  background: var(--deep, #0a1f33);
  border: 1px solid var(--linea-oro, rgba(236,209,108,.32));
  border-radius: 20px;
  box-shadow: 0 24px 60px var(--ombra-forte, rgba(0,0,0,.55));
  color: var(--sand, #f5ecd9);
  font-family: var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.consenso__titolo{
  margin: 0 0 10px;
  font-family: var(--font-display, Georgia, serif);
  font-size: clamp(19px, 2.2vw, 23px); font-weight: 700; line-height: 1.2;
  color: var(--sand, #f5ecd9);
}
.consenso__testo{
  margin: 0 0 18px;
  font-size: 14.5px; line-height: 1.6;
  color: var(--testo-2, rgba(245,236,217,.74));
}
.consenso__testo a{ color: var(--oro, #ecd16c); }

.consenso__scelte{ margin: 0 0 18px; display: grid; gap: 10px; }
.consenso__scelte[hidden]{ display: none; }
.consenso__voce{
  display: flex; gap: 11px; align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid var(--linea, rgba(236,209,108,.16)); border-radius: 12px;
  font-size: 13.5px; line-height: 1.5; cursor: pointer;
  color: var(--testo-2, rgba(245,236,217,.74));
}
.consenso__voce--fissa{ cursor: default; opacity: .72; }
.consenso__voce input{ margin: 2px 0 0; accent-color: var(--gold, #d9a441); flex: none; }
.consenso__voce strong{ display: block; color: var(--sand, #f5ecd9); font-weight: 700; margin-bottom: 2px; }

/* Accetta e Rifiuta hanno lo stesso peso: e' il requisito, non un gusto */
.consenso__tasti{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.consenso__tasti .btn{ flex: 0 0 auto; }
.consenso__link{
  background: none; border: 0; padding: 10px 4px; cursor: pointer;
  color: var(--testo-2, rgba(245,236,217,.74));
  font: inherit; font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px;
}
.consenso__link:hover{ color: var(--oro, #ecd16c); }

@media (max-width: 560px){
  .consenso__tasti .btn{ flex: 1 1 100%; text-align: center; }
  .consenso__link{ width: 100%; text-align: center; }
}