/* =============================================================
   Banner del consenso cookie.
   Autonomo: viene caricato anche dalle pagine che non usano
   schola.css. Colori e caratteri sono quelli storici del sito.
   Compatto: una riga su desktop, circa 120 px su un telefono
   da 320 px. Le due scelte hanno lo stesso aspetto.
   ============================================================= */
.sc-consenso {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 1000;
  max-width: 980px;
  margin: 0 auto;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #e4ddd6;
  border-radius: 14px;
  box-shadow: 0 12px 32px -12px rgba(61, 56, 52, .35);
  color: #2a2522;
  font-family: "Open Sans", system-ui, sans-serif;
  font-size: 13.5px;
  line-height: 1.45;
}
.sc-consenso[hidden] { display: none; }
.sc-consenso .container { display: flex; align-items: center; gap: 10px 18px; padding: 0 !important; max-width: none; width: auto; margin: 0; }
.sc-consenso__testo { flex: 1 1 auto; margin: 0; color: #5e5751; }
.sc-consenso__titolo { color: #2a2522; }
.sc-consenso__titolo:focus { outline: none; }
.sc-consenso__testo a { color: #59524c; text-decoration: underline; white-space: nowrap; }
.sc-consenso__azioni { display: grid; grid-template-columns: 1fr 1fr; flex: 0 0 auto; gap: 8px; } /* stessa larghezza per entrambe */

/* Stesso stile per entrambe le scelte: nessuna viene "spinta". */
.sc-consenso__btn {
  min-height: 40px;
  padding: 8px 18px;
  border: 1px solid #59524c;
  border-radius: 999px;
  background: #fff;
  color: #59524c;
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.sc-consenso__btn:hover { background: #59524c; color: #fff; }
.sc-consenso__btn:focus-visible,
.sc-consenso__testo a:focus-visible,
.sc-link-consenso:focus-visible { outline: 3px solid #59524c; outline-offset: 2px; }

@media (max-width: 767px) {
  .sc-consenso { left: 8px; right: 8px; bottom: 8px; padding: 10px 12px; font-size: 12.5px; }
  .sc-consenso .container { flex-wrap: wrap; }
  /* Due colonne identiche: stessa larghezza per entrambe le scelte. */
  .sc-consenso__azioni { flex: 1 1 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .sc-consenso__btn { min-width: 0; min-height: 44px; font-size: 13px; }
}

@media (max-width: 400px) {
  .sc-consenso { left: 6px; right: 6px; bottom: 6px; padding: 9px 10px; font-size: 12px; line-height: 1.4; }
  .sc-consenso .container { gap: 8px; }
  .sc-consenso__btn { min-height: 44px; padding: 6px 8px; font-size: 12.5px; white-space: nowrap; }
}

/* "Preferenze cookie" nel footer: un pulsante che sembra un link. */
.sc-link-consenso {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
  .sc-consenso { animation: sc-consenso-entra .25s ease-out; }
  @keyframes sc-consenso-entra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}