/* =====================================================================
   Klaro — tema personalizzato per sabinoforina.it  (Klaro HOSTED)
   v3 — layout bottom-wide (barra sottile in fondo)
   Palette: sfondo #F4F9FF · primario #2876bc · navy #1a2e4a · testo #333
   ===================================================================== */

#klaro {
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  --font-size: 14px !important;
  --border-radius: 6px !important;
  --green1: #2876bc !important;
  --green2: #1f5e97 !important;
  --green3: #e6f0f9 !important;
  --light1: #ffffff !important;
  --light2: #f4f9ff !important;
  --light3: #d6e4f2 !important;
  --dark1: #1a2e4a !important;
  --dark2: #333333 !important;
  --dark3: #667283 !important;
  --blue1: #2876bc !important;
}

/* --- Barra in fondo: sfondo bianco, bordo top sottile --- */
#klaro .cookie-notice {
  background: #ffffff !important;
  color: #333333 !important;
  border-top: 1px solid #d6e4f2 !important;
  border-radius: 0 !important;
  box-shadow: 0 -4px 20px rgba(26, 46, 74, 0.08) !important;
  padding: 12px 24px !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Layout interno: testo a sinistra, bottoni a destra su una riga */
#klaro .cookie-notice .cn-body {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#klaro .cookie-notice .cn-body p {
  margin: 0 !important;
  font-size: 13px !important;
  color: #333333 !important;
  min-width: 200px !important;
}

/* Fix: testo purpose inline nel notice (appare bianco su sfondo chiaro) */
#klaro .cookie-notice .cn-body p strong,
#klaro .cookie-notice .cn-body p b,
#klaro .cookie-notice .cn-body .cm-purposes {
  color: #1a2e4a !important;
}


/* Link "Gestisci preferenze" inline nel testo */
#klaro .cookie-notice .cn-body p a,
#klaro .cookie-notice .cm-link {
  color: #2876bc !important;
  text-decoration: underline !important;
  font-size: 13px !important;
}

/* Area bottoni */
#klaro .cookie-notice .cn-ok {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bottoni base */
#klaro .cookie-notice .cm-btn {
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 7px 16px !important;
  transition: background-color .15s ease !important;
  white-space: nowrap !important;
}

/* "Va bene così" — blu pieno */
#klaro .cookie-notice .cm-btn-success {
  background-color: #2876bc !important;
  color: #ffffff !important;
  border: none !important;
}
#klaro .cookie-notice .cm-btn-success:hover {
  background-color: #1f5e97 !important;
}

/* "Rifiuto" — outline discreto */
#klaro .cookie-notice .cm-btn-decline,
#klaro .cookie-notice .cn-decline {
  background: transparent !important;
  color: #667283 !important;
  border: 1px solid #d6e4f2 !important;
  box-shadow: none !important;
}
#klaro .cookie-notice .cm-btn-decline:hover,
#klaro .cookie-notice .cn-decline:hover {
  color: #1a2e4a !important;
  border-color: #1a2e4a !important;
}

/* --- Modal "Gestisci preferenze" --- */
#klaro .cookie-modal .cm-modal {
  background: #ffffff !important;
  color: #333333 !important;
  border-radius: 12px !important;
}
#klaro .cookie-modal .cm-header h1 {
  color: #1a2e4a !important;
}
#klaro .cookie-modal .cm-body {
  color: #333333 !important;
}
#klaro .cookie-modal .cm-list-label .cm-list-title {
  color: #1a2e4a !important;
}
#klaro .cm-list-input:checked + .cm-list-label .slider {
  background-color: #2876bc !important;
}
#klaro .cookie-modal .cm-btn-success {
  background-color: #2876bc !important;
  color: #ffffff !important;
}

/* Powered by — attenuato */
#klaro .cm-powered-by {
  opacity: .4 !important;
  font-size: 11px !important;
}

/* Notice: angoli stondati, centrato orizzontalmente */
#klaro .cookie-notice {
  border-radius: 12px !important;
  max-width: 780px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: 16px !important;
  margin: 0 !important;
  padding: 10px 24px !important;
  gap: 12px !important;
}

/* Pulsante "Gestisci preferenze" (cn-learn-more) per scelta granulare GDPR */
#klaro .cookie-notice .cn-learn-more,
#klaro .cookie-notice .cm-link.cn-learn-more {
  display: inline-flex !important;
  align-items: center;
  color: var(--gray, #666666) !important;
  font-size: 0.85rem !important;
  text-decoration: underline !important;
  background: transparent !important;
  border: none !important;
  padding: 6px 12px !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}
#klaro .cookie-notice .cn-learn-more:hover,
#klaro .cookie-notice .cm-link.cn-learn-more:hover {
  color: var(--dark, #111111) !important;
}