/* Klaro custom styles — Sora Consulting brand */
/* Yliajaa Klaron oletusvärit SC:n design-järjestelmään sopiviksi */

.klaro .cookie-notice:not(.cookie-modal-notice),
.klaro .cookie-modal .cm-modal.cm-klaro {
  background: #141414;             /* SC --bg-elev */
  color: #ffffff;                  /* SC --text */
  border: 1px solid #2a2a2a;       /* SC --border-soft */
  border-radius: 4px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.klaro .cookie-notice .cn-body p,
.klaro .cookie-modal .cm-modal p,
.klaro .cookie-notice p,
.klaro .cookie-modal p {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.5;
}

.klaro .cookie-notice a,
.klaro .cookie-modal a,
.klaro .cm-link {
  color: #e95420 !important;       /* SC --accent (oranssi) */
  text-decoration: underline;
}

.klaro .cookie-notice a:hover,
.klaro .cookie-modal a:hover,
.klaro .cm-link:hover {
  color: #ff7044 !important;       /* SC --accent-soft */
}

/* Napit */
.klaro .cm-btn {
  font-family: inherit;
  font-weight: 500;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

/* "Hyväksy kaikki" — primary painike, oranssi */
.klaro .cm-btn-accept,
.klaro .cm-btn-accept-all,
.klaro .cm-btn-success {
  background: #e95420 !important;
  color: #ffffff !important;
  border-color: #e95420 !important;
}

.klaro .cm-btn-accept:hover,
.klaro .cm-btn-accept-all:hover,
.klaro .cm-btn-success:hover {
  background: #ff7044 !important;
  border-color: #ff7044 !important;
}

/* "Hylkää kaikki" — neutraali secondary */
.klaro .cm-btn-decline,
.klaro .cm-btn-danger {
  background: transparent !important;
  color: #ffffff !important;
  border-color: #2a2a2a !important;
}

.klaro .cm-btn-decline:hover,
.klaro .cm-btn-danger:hover {
  background: #1f1f1f !important;
  border-color: #444444 !important;
}

/* "Muokkaa valintoja" -linkki */
.klaro .cm-btn-info,
.klaro .cm-btn-learn-more {
  background: transparent !important;
  color: #e95420 !important;
  border-color: transparent !important;
  padding-left: 0 !important;
}

.klaro .cm-btn-info:hover,
.klaro .cm-btn-learn-more:hover {
  color: #ff7044 !important;
  text-decoration: underline;
}

/* Modaalin otsikot */
.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-header h2,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2 {
  color: #ffffff;
  font-weight: 600;
}

/* Palvelu-listojen otsikot */
.klaro .cookie-modal .cm-services .cm-service .cm-title,
.klaro .cookie-modal .cm-purposes .cm-purpose .cm-purpose-header {
  color: #ffffff;
}

/* Toggle-kytkimet (Klaron sisäänrakennetut) — accent-oranssi kun päällä */
.klaro .cm-list-input:checked + .cm-list-label .slider {
  background: #e95420 !important;
}

/* Fokus-ympyrä a11y:lle */
.klaro .cm-btn:focus-visible,
.klaro a:focus-visible {
  outline: 2px solid #e95420;
  outline-offset: 2px;
}

/* Klaron "cookie settings" -kelluva ikoni — pieni ja diskreetti */
.klaro .cm-manager {
  color: #e95420;
}