/* File: wp-content/plugins/cookie-consent/assets/banner.css */

/* ====== Banner layout ====== */
#cci-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:99999;
  background:#fff;color:#111;padding:16px 20px;border-top:1px solid #ddd;
  box-shadow:0 -4px 16px rgba(0,0,0,.08);

  /* stessa riga e centrati */
  display:flex;align-items:center;justify-content:center;gap:24px;
  flex-wrap:nowrap;

  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
}
#cci-banner p{
  margin:0;
  flex:0 1 auto;
  text-align:center;
}
#cci-banner .cci-actions{
  display:flex;gap:12px;flex-wrap:nowrap;
  flex:0 1 auto;justify-content:center;white-space:nowrap;
}

/* Link "Cookie Policy" con colori richiesti */
#cci-banner a:link{color:#D2A520;text-decoration:underline;text-underline-offset:2px;font-weight:600}
#cci-banner a:visited{color:#F3A91B}
#cci-banner a:hover{color:#BB8B00;text-decoration-color:#F1B300}

/* ====== Buttons — custom design richiesto ====== */
.cci-btn{
  appearance:none;cursor:pointer;font:inherit;
  color:#1D1D1C !important;                                  /* Testo NORMALE */
  background:linear-gradient(180deg,#FFF5DF 55%, #F5C872 100%) !important; /* Gradiente NORMALE */
  border:3px solid #B86C00 !important;                       /* Bordo NORMALE */
  border-radius:100px !important;                             /* Raggio bordi */
  padding:7px 10px !important;                                /* Rientro */
  transition:.2s ease-in-out;
}
.cci-btn:hover{
  color:#533E01 !important;                                   /* Testo HOVER */
  background:linear-gradient(180deg,#80709D00 0%, #F2295B00 100%) !important; /* Gradiente HOVER */
  border-color:#F1B300 !important;                            /* Bordo HOVER */
}

/* Stesso stile per le tre azioni */
.cci-accept,.cci-reject,.cci-customize{
  color:#1D1D1C !important;
  background:linear-gradient(180deg,#FFF5DF 55%, #F5C872 100%) !important;
  border:3px solid #B86C00 !important;border-radius:100px !important;padding:7px 10px !important;
}
.cci-accept:hover,.cci-reject:hover,.cci-customize:hover{
  color:#533E01 !important;
  background:linear-gradient(180deg,#80709D00 0%, #F2295B00 100%) !important;
  border-color:#F1B300 !important;
}

/* ====== Modal ====== */
#cci-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:16px}
#cci-modal .cci-modal-inner{background:#fff;color:#111;border-radius:12px;max-width:560px;width:100%;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
#cci-modal .cci-list{list-style:none;margin:0 0 16px 0;padding:0}
#cci-modal .cci-list li{padding:10px 0;border-bottom:1px solid #eee}
#cci-modal .cci-actions{display:flex;gap:8px;justify-content:flex-end}

.cci-hidden{display:none !important}

/* ====== Focus ====== */
#cci-banner a:focus,#cci-banner .cci-btn:focus,#cci-modal .cci-btn:focus{outline:2px solid #0066cc;outline-offset:2px}

/* ====== Responsive fallback: su schermi piccoli consenti il ritorno a capo ====== */
@media (max-width: 680px){
  #cci-banner{flex-wrap:wrap}
  #cci-banner .cci-actions{justify-content:center;white-space:normal}
}