/* ==========================================================================
   Klaro! custom theme — paleta MailMate landing (S44 2026-05-03)
   Override Klaro default light theme → dark forest spectrum spójny z landing
   ========================================================================== */

/* === Banner notice (bottom bar) === */
.klaro .cookie-notice:not(.cookie-modal-notice),
.klaro .cookie-notice {
  background: #0F1F18 !important;
  border-top: 1px solid rgba(109,191,160,0.22) !important;
  color: #F0EBE0 !important;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, sans-serif !important;
  box-shadow: 0 -10px 40px -10px rgba(0,0,0,0.55) !important;
}

.klaro .cookie-notice .cn-body,
.klaro .cookie-notice p {
  color: rgba(240,235,224,0.85) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.klaro .cookie-notice .cn-body strong,
.klaro .cookie-notice strong {
  color: #6DBFA0 !important;
  font-weight: 600 !important;
}

.klaro .cookie-notice a,
.klaro .cookie-notice .cn-learn-more {
  color: #6DBFA0 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(109,191,160,0.5) !important;
  text-underline-offset: 2px !important;
  transition: color 0.15s ease, text-decoration-color 0.15s ease !important;
}

.klaro .cookie-notice a:hover,
.klaro .cookie-notice .cn-learn-more:hover {
  color: #F0EBE0 !important;
  text-decoration-color: #F0EBE0 !important;
}

/* === Buttons === */
.klaro .cm-btn,
.klaro button.cm-btn {
  font-family: 'Sora', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  font-size: 13.5px !important;
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  letter-spacing: 0 !important;
}

.klaro .cm-btn-success,
.klaro .cm-btn-accept-all,
.klaro .cm-btn-accept {
  background: linear-gradient(180deg, #2A5C45 0%, #1E4030 100%) !important;
  color: #fff !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.12) inset, 0 6px 18px -4px rgba(42,92,69,0.5) !important;
  border-color: transparent !important;
}

.klaro .cm-btn-success:hover,
.klaro .cm-btn-accept-all:hover,
.klaro .cm-btn-accept:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.18) inset, 0 10px 24px -6px rgba(42,92,69,0.65) !important;
}

.klaro .cm-btn-danger,
.klaro .cm-btn-decline {
  background: transparent !important;
  color: rgba(240,235,224,0.75) !important;
  border: 1px solid rgba(240,235,224,0.22) !important;
}

.klaro .cm-btn-danger:hover,
.klaro .cm-btn-decline:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #F0EBE0 !important;
  border-color: rgba(240,235,224,0.45) !important;
}

.klaro .cm-btn-info,
.klaro .cm-btn-learn-more {
  background: transparent !important;
  color: #6DBFA0 !important;
  border: 1px solid rgba(109,191,160,0.42) !important;
}

.klaro .cm-btn-info:hover,
.klaro .cm-btn-learn-more:hover {
  background: rgba(109,191,160,0.08) !important;
  border-color: #6DBFA0 !important;
}

/* === Modal (Settings center) === */
.klaro .cookie-modal {
  font-family: 'Sora', sans-serif !important;
}

.klaro .cookie-modal .cm-modal,
.klaro .cookie-modal .cm-modal.cm-klaro {
  background: #0F1F18 !important;
  color: #F0EBE0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(109,191,160,0.18) !important;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.7) !important;
}

.klaro .cookie-modal .cm-bg,
.klaro .cookie-modal .cm-modal-backdrop {
  background: rgba(11,20,16,0.7) !important;
  backdrop-filter: blur(4px) !important;
}

.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-header h2,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2 {
  font-family: 'Instrument Serif', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #F0EBE0 !important;
  font-size: 28px !important;
  letter-spacing: -0.005em !important;
}

.klaro .cookie-modal .cm-body p,
.klaro .cookie-modal p {
  color: rgba(240,235,224,0.78) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.klaro .cookie-modal .cm-purpose,
.klaro .cookie-modal li.cm-purpose {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding: 16px 0 !important;
}

.klaro .cookie-modal .cm-purpose:last-child {
  border-bottom: none !important;
}

.klaro .cookie-modal .cm-purpose-title,
.klaro .cookie-modal .cm-purpose label,
.klaro .cookie-modal .cm-purpose .cm-list-title {
  font-family: 'Sora', sans-serif !important;
  font-weight: 500 !important;
  color: #F0EBE0 !important;
  font-size: 15px !important;
}

.klaro .cookie-modal .cm-purpose-description,
.klaro .cookie-modal .cm-services p,
.klaro .cookie-modal .cm-list-description {
  color: rgba(240,235,224,0.62) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* === Toggle switches === */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cm-list-input:checked + .cm-list-label .slider {
  background-color: #6DBFA0 !important;
}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .cm-list-label .slider {
  background-color: rgba(255,255,255,0.18) !important;
}

.klaro .cm-list-input.required + .cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.required + .cm-list-label .slider {
  background-color: rgba(109,191,160,0.5) !important;
}

/* === Links in modal === */
.klaro .cookie-modal .cm-link,
.klaro .cookie-modal a,
.klaro .cm-link {
  color: #6DBFA0 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(109,191,160,0.4) !important;
  text-underline-offset: 2px !important;
}

.klaro .cookie-modal a:hover,
.klaro .cm-link:hover {
  color: #F0EBE0 !important;
}

/* === "Powered by Klaro" branding === */
.klaro .cookie-modal .cm-powered-by,
.klaro .cookie-notice .cm-powered-by {
  color: rgba(240,235,224,0.3) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.5px !important;
}

.klaro .cookie-modal .cm-powered-by a,
.klaro .cookie-notice .cm-powered-by a {
  color: rgba(240,235,224,0.5) !important;
  text-decoration: none !important;
}

/* === Close button === */
.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close {
  color: rgba(240,235,224,0.5) !important;
  background: transparent !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-close:hover {
  color: #F0EBE0 !important;
}