/* ===============================
   BARALAN – KLARO OVERRIDE
   =============================== */

/* Overlay */
.klaro .cookie-modal .cm-bg{
  background: rgba(0,0,0,.35) !important;
}

/* MODAL */
.klaro .cookie-modal .cm-modal.cm-klaro{
  background:#fff !important;
  color:#111 !important;
  border-radius:16px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

/* HEADER */
.klaro .cookie-modal .cm-header{
  border-bottom:1px solid #e6e2da !important;
}
.klaro .cookie-modal .cm-header h1{
  color:#111 !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

/* BODY TEXT */
.klaro .cookie-modal .cm-body,
.klaro .cookie-modal p,
.klaro .cookie-modal li{
  color:#111 !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.klaro .cookie-modal .cm-list-description{
  color:#666 !important;
}

/* SWITCH */
.klaro .cm-list-label .slider{
  background:#e6e2da !important;
  box-shadow:none !important;
}
.klaro .cm-list-input:checked + .cm-list-label .slider{
  background:#111 !important;
}
.klaro .cm-list-label .slider::before{
  background:#fff !important;
}

/* FOOTER */
.klaro .cookie-modal .cm-footer{
  border-top:1px solid #e6e2da !important;
}

/* ====== BUTTONS (REAL CLASSES) ====== */
.klaro .cookie-modal .cm-footer-buttons{
  gap:10px;
}

.klaro .cookie-modal .cm-footer-buttons > button.cm-btn{
  border-radius:12px !important;
  padding:10px 16px !important;
  font-weight:600 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  border:none !important;
}

/* DECLINE */
.klaro button.cm-btn-decline{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #e6e2da !important;
}

/* ACCEPT SELECTED */
.klaro button.cm-btn-accept{
  background:#f6efde !important;
  color:#111 !important;
}

/* ACCEPT ALL */
.klaro button.cm-btn-accept-all{
  background:#111 !important;
  color:#fff !important;
}

/* REMOVE "Realized with Klaro!" */
.klaro .cm-powered-by,
.klaro .cm-footer .cm-powered-by{
  display:none !important;
}
/* Hover */
.klaro .cookie-modal .cm-footer-buttons > button.cm-btn{
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, transform .05s ease;
}

.klaro .cookie-modal .cm-footer-buttons > button.cm-btn:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.12) !important;
  transform: translateY(-1px);
}

/* specifici */
.klaro button.cm-btn-accept-all:hover{ background:#222 !important; }
.klaro button.cm-btn-accept:hover{ background:#efe5cf !important; }
.klaro button.cm-btn-decline:hover{ background:#fafafa !important; }

/* mostra solo le categorie (purposes), nasconde i servizi */
.klaro .cm-services,
.klaro .cm-service {
  display: none !important;
}

/* Modal più piccolo */
.klaro .cookie-modal .cm-modal.cm-klaro{
  max-width: 520px !important;   /* prima era ~640 */
  width: calc(100% - 32px) !important;
}

.klaro .cookie-modal .cm-header,
.klaro .cookie-modal .cm-body,
.klaro .cookie-modal .cm-footer{
  padding: 12px !important;      /* meno spazio */
}

.klaro .cookie-modal .cm-header h1{
  font-size: 24px !important;    /* titolo più piccolo */
}

.klaro{
  font-size: 13px !important;    /* testo generale */
}


/* Toggle e righe servizi più compatti */
.klaro .cm-switch-container{
  padding: 8px 8px 8px 56px !important;
  min-height: 34px !important;
}

/* Bottoni più piccoli */
.klaro button.cm-btn{
  padding: 8px 12px !important;
  font-size: 12px !important;
}
/* Posizione in basso a sinistra */
@media (min-width: 1024px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    top: auto !important;
    transform: none !important;
  }
}