/* CONTENITORE PRINCIPALE DEL BANNER CON TRASPARENZA */
#cookieChoiceInfo {
 position: fixed !important;
 width: 100% !important;
 bottom: 0 !important;
 left: 0 !important;
 /* Uso !important per vincere contro ogni residuo del JS */
 background-color: rgba(0, 0, 0, 0.80) !important; /*il quarto valore gestisce l'opacità, 1 è nero pieno*/
 /* Rimuovi assolutamente 'opacity: .8' se presente, altrimenti il nero torna pieno */
 opacity: 1 !important;
 color: #fff;
 padding: 25px 20px;
 z-index: 1000;
 text-align: center;
 font-family: 'Poppins', sans-serif;
 display: flex;
 flex-direction: column;
 align-items: center;
 backdrop-filter: blur(5px);
}

 /* Forza lo span ad andare a capo */
 #cookieChoiceInfo span {
  display: block !important;
  max-width: 800px;
  margin-bottom: 15px;
 }

 /* IL LINK PRIVACY POLICY */
 #cookieChoiceInfo a:not(#cookieChoiceDismiss) {
  color: #fff;
  text-decoration: underline;
  margin-bottom: 18px;
  display: inline-block;
  font-weight: 300;
 }

/* IL PULSANTE CHIUDI */
#cookieChoiceDismiss {
 display: inline-block !important;
 background-color: transparent;
 color: #FFF;
 text-decoration: none;
 font-weight: 600;
 padding: 10px 25px;
 border-radius: 5px;
 border: 1px solid #fff;
 transition: all 0.3s ease;
 cursor: pointer;
}

 #cookieChoiceDismiss:hover {
  background-color: #fff;
  color: #000;
 }

/* OTTIMIZZAZIONE PER SMARTPHONE */
@media screen and (max-width: 600px) {
 #cookieChoiceInfo {
  padding: 20px;
  font-size: 14px;
 }
}


/*NUOVO BANNER*/


.cookie-overlay {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0,0,0,0.48);
 z-index: 99998;
 display: none;
}

.cookie-banner {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 92%;
 max-width: 560px;
 background: #ffffff;
 border-radius: 16px;
 box-shadow: 0 18px 50px rgba(0,0,0,0.28);
 z-index: 99999;
 padding: 24px;
 font-family: Arial, sans-serif;
}

.cookie-banner-inner {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.cookie-banner-title {
 font-size: 24px;
 font-weight: 700;
 color: #1e1e1e;
 margin-bottom: 8px;
}

.cookie-banner-desc {
 font-size: 15px;
 line-height: 1.6;
 color: #333333;
}

.cookie-banner-link a {
 font-size: 14px;
 color: #2e3679;
 text-decoration: underline;
}

.cookie-main-buttons {
 display: flex;
 justify-content: stretch;
}

 .cookie-main-buttons .btn-cookie {
  width: 100%;
 }

.cookie-secondary-buttons {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
}

.btn-cookie {
 border: 0;
 border-radius: 10px;
 padding: 12px 18px;
 cursor: pointer;
 font-size: 14px;
 font-weight: 600;
 transition: all 0.2s ease;
}

.btn-cookie-accept {
 background: #2e3679;
 color: #ffffff;
}

 .btn-cookie-accept:hover {
  background: #20265a;
 }

.btn-cookie-reject {
 background: #efefef;
 color: #333333;
}

 .btn-cookie-reject:hover {
  background: #dddddd;
 }

.btn-cookie-customize {
 background: #f7f7f7;
 color: #333333;
 border: 1px solid #d6d6d6;
}

 .btn-cookie-customize:hover {
  background: #ececec;
 }

.cookie-customize {
 margin-top: 6px;
 background: #f8f9fb;
 border: 1px solid #e3e6ef;
 border-radius: 12px;
 padding: 14px;
}

.cookie-customize-title {
 font-size: 15px;
 font-weight: 700;
 color: #1f1f1f;
 margin-bottom: 10px;
}

.cookie-check-row {
 display: flex;
 align-items: center;
 gap: 10px;
 font-size: 14px;
 color: #333333;
}

 .cookie-check-row input[type="checkbox"] {
  transform: scale(1.15);
 }

.cookie-customize-actions {
 margin-top: 14px;
}

.btn-cookie-save {
 background: #2e3679;
 color: #ffffff;
}

 .btn-cookie-save:hover {
  background: #20265a;
 }

@media screen and (max-width: 640px) {
 .cookie-banner {
  padding: 18px;
  border-radius: 14px;
 }

 .cookie-banner-title {
  font-size: 21px;
 }

 .cookie-secondary-buttons {
  flex-direction: column;
 }

  .cookie-secondary-buttons .btn-cookie {
   width: 100%;
  }
}