/* Klaro banner - naturavit stil */
.klaro .cookie-notice {
  background: #ffffff !important;
  border: 1px solid #c8dba8 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  bottom: 16px !important;
  right: 16px !important;
  left: auto !important;
  max-width: 400px !important;
  box-shadow: 0 2px 12px rgba(85,124,44,0.12) !important;
}
.klaro .cookie-notice .title {
  color: #3a5a1e !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.klaro .cookie-notice p {
  color: #6b8c50 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.klaro .cookie-notice a {
  color: #557c2c !important;
}
.klaro .cookie-notice .cm-btn-success {
  background: #557c2c !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  border: none !important;
}
.klaro .cookie-notice .cm-btn-decline {
  background: #f0f5e8 !important;
  color: #557c2c !important;
  border: 1px solid #c8dba8 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}
.klaro .cookie-notice .cm-btn-info {
  background: #f0f5e8 !important;
  color: #557c2c !important;
  border: 1px solid #c8dba8 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

/* Modal overlay */
.klaro .cookie-modal {
  background: rgba(0,0,0,0.3) !important;
}

/* Modal okno */
.klaro .cookie-modal .cm-modal {
  background: #ffffff !important;
  color: #3a5a1e !important;
  border: 1px solid #c8dba8 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Header */
.klaro .cookie-modal .cm-header {
  background: #f0f5e8 !important;
  border-bottom: 1px solid #c8dba8 !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 20px !important;
}
.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-header h2 {
  color: #2d4a18 !important;
}
.klaro .cookie-modal .cm-header p,
.klaro .cookie-modal .cm-header span {
  color: #6b8c50 !important;
}

/* Body */
.klaro .cookie-modal .cm-body {
  background: #ffffff !important;
}
.klaro .cookie-modal .cm-purpose .title,
.klaro .cookie-modal .cm-list-title {
  color: #3a5a1e !important;
  font-weight: 500 !important;
}
.klaro .cookie-modal .cm-body p,
.klaro .cookie-modal .cm-body span,
.klaro .cookie-modal .cm-body label {
  color: #4a6a30 !important;
}

/* Stikala - siva ko izklopljeno */
.klaro .cookie-modal .cm-list-label .slider,
.klaro .cookie-modal .slider {
  background: #cccccc !important;
}
/* Stikala - zelena ko vklopljeno */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-modal input:checked + .slider {
  background: #557c2c !important;
}
.klaro .cookie-modal .cm-list-label .slider:before {
  background: #ffffff !important;
}

/* Footer */
.klaro .cookie-modal .cm-footer {
  background: #f0f5e8 !important;
  border-top: 1px solid #c8dba8 !important;
  border-radius: 0 0 12px 12px !important;
}

/* Gumbi v modalu */
.klaro .cookie-modal .cm-btn-success,
.klaro .cookie-modal .cm-btn-accept-all,
.klaro .cookie-modal .cm-btn-accept {
  background: #557c2c !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: none !important;
}
.klaro .cookie-modal .cm-btn-decline {
  background: #f0f5e8 !important;
  color: #557c2c !important;
  border: 1px solid #c8dba8 !important;
  border-radius: 8px !important;
}

/* Powered by */
.klaro .cookie-modal .cm-powered-by {
  color: #8aab6a !important;
}
.klaro .cookie-modal .cm-powered-by a {
  color: #557c2c !important;
}