/* Klaro – Light / Material style override */

.klaro,
.klaro .cm-app,
.klaro .cm-modal,
.klaro .cm-modal.cm-klaro {
  background: #ffffff !important;
  color: #202124 !important;
}

.klaro .cm-header,
.klaro .cm-body,
.klaro .cm-footer {
  background: #ffffff !important;
  color: #202124 !important;
}

.klaro h1,
.klaro h2,
.klaro h3,
.klaro p,
.klaro span,
.klaro label {
  color: #202124 !important;
}

/* Buttons */
.klaro .cm-btn,
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-info {
  background: #1a73e8 !important;
  color: #ffffff !important;
  border-radius: 10px;
  border: none;
}

.klaro .cm-btn.cm-btn-decline {
  background: #f1f3f4 !important;
  color: #202124 !important;
}

/* Toggles */
.klaro .cm-toggle input:checked + .cm-toggle-label {
  background: #1a73e8 !important;
}

/* Links */
.klaro a {
  color: #1a73e8 !important;
}

/* Cards / sections */
.klaro .cm-service,
.klaro .cm-purpose {
  background: #f8f9fa !important;
  border: 1px solid #dadce0 !important;
  border-radius: 12px;
}

/* Modal shadow */
.klaro .cm-modal {
  box-shadow: 0 10px 30px rgba(60,64,67,.2) !important;
}

/* Remove dark overlay */
.klaro .cm-bg {
  background: rgba(32,33,36,.35) !important;
}