/* --- Banner Cookie --- */
#cookieBanner {
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
}

#cookieBanner .container {
  padding-top: 16px;
  padding-bottom: 16px;
}

.cookie-small {
  font-size: 0.92rem;
  color: #555;
}

/* Chip categorie */
.cookie-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  border: 1px solid #e5e5e5;
  margin-right: 0.5rem;
  background: #f9fafb;
  color: #333;
  font-size: 0.9rem;
}

/* --- Pulsanti del banner --- */
.cookie-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .cookie-actions {
    justify-content: flex-end;
  }
}

/* --- Lucchetto flottante --- */
.cookie-lock {
  position: fixed;
  right: 15px;     /* distanza dal bordo destro */
  bottom: 20px;    /* distanza dal fondo */
  z-index: 2100;
  width: 50px;     /* un po’ più largo/alto */
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #d0d0d0;
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
  cursor: pointer;
}
/* su mobile tienilo ancora più staccato */
@media (max-width: 480px){
  .cookie-lock {
    right: 10px;
    bottom: 60px;   /* sopra la barra di navigazione del telefono */
  }
}
.cookie-lock:hover {
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.16);
}
.cookie-lock i {
  font-size: 20px;
  color: #1b25b3;
}

/* --- Compensazione pagina quando il banner è visibile --- */
body.cookie-banner-open {
  padding-bottom: 140px;
}