/* Custom Klaro styling to match Antrifttaler design */
.klaro {
  font-family: "Asap", arial, helvetica, sans-serif !important;
}

.klaro .cookie-modal {
  background: #fff !important;
  border: 2px solid #4570b4 !important;
  border-radius: 8px !important;
}

.klaro .cookie-notice {
  background: #fff !important;
  border: 2px solid #4570b4 !important;
  border-radius: 8px !important;
}

.klaro .cm-modal {
  background: rgba(0, 0, 0, 0.6) !important;
}

.klaro .cookie-modal .cm-modal-title {
  color: #4570b4 !important;
  font-weight: bold !important;
}

.klaro .cookie-notice .cm-notice-title {
  color: #4570b4 !important;
  font-weight: bold !important;
}

.klaro .cm-btn {
  border-radius: 25px !important;
  padding: 0.5rem 1.5rem !important;
  font-weight: normal !important;
  font-size: 1rem !important;
  border: 0 !important;
  cursor: pointer !important;
}

.klaro .cm-btn.cm-btn-success {
  background: #4570b4 !important;
  color: #fff !important;
}

.klaro .cm-btn.cm-btn-success:hover {
  background: #3a5e9d !important;
}

.klaro .cm-btn.cm-btn-info {
  background: transparent !important;
  color: #4570b4 !important;
  border: 2px solid #4570b4 !important;
}

.klaro .cm-btn.cm-btn-info:hover {
  background: #4570b4 !important;
  color: #fff !important;
}

.klaro .cm-btn.cm-btn-decline {
  background: #585857 !important;
  color: #fff !important;
}

.klaro .cm-btn.cm-btn-decline:hover {
  background: #434342 !important;
}

.klaro .cm-app-title {
  color: #4570b4 !important;
  font-weight: bold !important;
}

.klaro .cm-app-description {
  color: #585857 !important;
}

.klaro .cm-toggle input {
  background: #4570b4 !important;
}

.klaro .cm-toggle input:checked {
  background: #4570b4 !important;
}

.klaro .cm-purpose-title {
  color: #4570b4 !important;
  font-weight: bold !important;
}

.klaro .cm-notice-description,
.klaro .cm-modal-description {
  color: #585857 !important;
  line-height: 1.5 !important;
}

.klaro .cm-modal-close {
  color: #585857 !important;
}

.klaro .cm-modal-close:hover {
  color: #4570b4 !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .klaro .cookie-modal,
  .klaro .cookie-notice {
    margin: 10px !important;
    border-radius: 5px !important;
  }
  
  .klaro .cm-btn {
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;
  }
}