/* CSS per il banner dei cookie */
#cookieConsentBanner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to right, var(--select-btn-light), var(--select-btn-dark));
  color: #000000;
  padding: 20px;
  text-align: center;
  z-index: 9999;
  border-top: 5px solid #fff;
  border-radius: 10px 10px 0 0;
}

/* Aggiunta di un effetto di transizione al banner */
#cookieConsentBanner p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

/* Contenitore dei bottoni per allinearli affiancati */
#cookieConsentBanner .button-container {
  display: flex;
  justify-content: center;  /* Centra i bottoni orizzontalmente */
  gap: 15px;  /* Distanza tra i bottoni */
  margin-top: 10px; /* Spazio sopra ai bottoni */
}


/* Modifica dell'aspetto dei bottoni in base alla tipologia */
#saveCookiePreferences {
  background-color: #00b894;
}

#saveCookiePreferences:hover {
  background-color: #00a580;
}

#revokeCookies {
  background-color: #e74c3c;
}

#revokeCookies:hover {
  background-color: #c0392b;
}

#modifyCookiePreferences {
  background-color: #3498db;
}

#modifyCookiePreferences:hover {
  background-color: #2980b9;
}

/* Toggle Switch */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
border-radius: 50%;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
}

input:checked + .slider {
background-color: var(--select-btn-light-hover);
}

input:checked + .slider:before {
transform: translateX(26px);
}

label {
font-size: 14px;
color: #fff;
margin-right: 10px;
}