/**
 * White and violet appearance for the Klaro consent dialog.
 */

.klaro {
  --green1: #6d28d9;
  --green2: #f5f3ff;
  --green3: #5b21b6;
  --blue1: #6d28d9;
  --blue2: #ede9fe;
  --dark1: #2e1065;
  --dark2: #6d28d9;
  --dark3: #f5f3ff;
  --light1: #ffffff;
  --light2: #f5f3ff;
  --white1: #ffffff;
  --white2: #f5f3ff;
  --white3: #ede9fe;
  --klaro-primary-color: #6d28d9;
  --klaro-button-bg: #6d28d9;
  --klaro-button-text-color: #ffffff;
  --klaro-button-border: 1px solid #6d28d9;
  --klaro-button-bg-hover: #5b21b6;
  --klaro-button-text-color-hover: #ffffff;
  --klaro-button-border-hover: 1px solid #5b21b6;
  --klaro-slider-bg: #ddd6fe;
  --klaro-slider-bg-active: #6d28d9;
  --klaro-slider-bg-required: #7c3aed;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
  right: auto;
  bottom: 1.25rem;
  left: 1.25rem;
  width: min(26rem, calc(100vw - 2.5rem));
  padding: 1.25rem 1.35rem 1.15rem;
  color: #3b2763;
  border: 1px solid #e9d5ff;
  border-radius: 22px;
  background: #ffffff !important;
  box-shadow: 0 18px 50px rgba(76, 29, 149, 0.18);
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.klaro .cookie-notice p,
.klaro .cookie-modal p,
.klaro .context-notice p {
  color: #3b2763;
  font-size: 0.95rem;
  line-height: 1.55;
}

.klaro .cookie-notice h2,
.klaro .cookie-notice .title,
.klaro .cookie-modal h1,
.klaro .cookie-modal .title,
.klaro .context-notice h1,
.klaro .context-notice .title {
  margin: 0 0 0.35rem;
  color: #4c1d95;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.klaro .cookie-notice .cn-ok,
.klaro .cookie-modal .cm-footer-buttons,
.klaro .context-notice .cm-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more {
  min-height: 2.4rem;
  margin: 0;
  padding: 0.55rem 1.05rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  text-align: center;
  color: #5b21b6 !important;
  border: 1px solid #d8b4fe !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: none;
  font-weight: 650;
  line-height: 1.2;
}

.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-accept,
.klaro .context-notice .cm-btn.cm-btn-accept {
  color: #ffffff !important;
  border-color: #6d28d9 !important;
  background: #6d28d9 !important;
  box-shadow: 0 8px 18px rgba(109, 40, 217, 0.28);
}

.klaro .cookie-notice .cm-btn.cm-btn-success:hover,
.klaro .cookie-modal .cm-btn.cm-btn-success:hover,
.klaro .context-notice .cm-btn.cm-btn-success:hover,
.klaro .cookie-modal .cm-btn.cm-btn-accept:hover,
.klaro .context-notice .cm-btn.cm-btn-accept:hover {
  color: #ffffff !important;
  border-color: #5b21b6 !important;
  background: #5b21b6 !important;
}

.klaro .cookie-notice .cm-btn.cm-btn-decline,
.klaro .cookie-notice .cm-btn.cm-btn-danger,
.klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-decline,
.klaro .cookie-modal .cm-btn.cm-btn-danger,
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .context-notice .cm-btn.cm-btn-decline,
.klaro .context-notice .cm-btn.cm-btn-danger,
.klaro .context-notice .cm-btn.cm-btn-info,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more {
  color: #5b21b6 !important;
  border-color: #d8b4fe !important;
  background: #f5f3ff !important;
  box-shadow: none;
}

.klaro .cookie-notice .cm-btn.cm-btn-decline:hover,
.klaro .cookie-notice .cm-btn.cm-btn-danger:hover,
.klaro .cookie-notice .cm-btn.cm-btn-info:hover,
.klaro .cookie-modal .cm-btn.cm-btn-decline:hover,
.klaro .cookie-modal .cm-btn.cm-btn-danger:hover,
.klaro .cookie-modal .cm-btn.cm-btn-info:hover,
.klaro .context-notice .cm-btn.cm-btn-decline:hover,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more:hover {
  color: #4c1d95 !important;
  border-color: #c4b5fd !important;
  background: #ede9fe !important;
}

.klaro a.cm-link.cn-learn-more {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2.5rem !important;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem !important;
  padding: 0 !important;
  overflow: hidden;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: #f5f3ff !important;
  background-image: url(../icons/settings.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 1.15rem !important;
}

.klaro a.cm-link.cn-learn-more:hover,
.klaro a.cm-link.cn-learn-more:focus {
  background-color: #ede9fe !important;
  background-image: url(../icons/settings.svg) !important;
}

.klaro .cookie-notice a,
.klaro .cookie-modal a,
.klaro .context-notice a {
  color: #6d28d9;
  font-weight: 650;
}

.klaro .cookie-modal {
  background: rgba(46, 16, 101, 0.46);
}

.klaro .cookie-modal .cm-modal.cm-klaro,
.klaro .context-notice {
  overflow: hidden;
  max-width: 40rem;
  color: #3b2763;
  border: 1px solid #e9d5ff;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(46, 16, 101, 0.28);
}

.klaro .cookie-modal .cm-header {
  padding: 1.15rem 1.4rem 0.9rem;
  border-bottom: 1px solid #f3e8ff;
  background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 100%);
}

.klaro .cookie-modal .cm-body {
  padding: 1rem 1.4rem 1.15rem;
}

.klaro .cookie-modal .cm-footer {
  padding: 0.9rem 1.4rem 1.15rem;
  border-top: 1px solid #f3e8ff;
  background: #fcfbff;
}

.klaro .cm-list-label .slider,
.klaro .cm-list-input + .cm-list-label .slider {
  background-color: #ddd6fe;
}

.klaro .cm-list-input:checked + .cm-list-label .slider,
.klaro .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #6d28d9;
}

.klaro .cm-list-label .slider::before {
  background: #ffffff;
}

.klaro ul.cm-services li.cm-service,
.klaro ul.cm-services li.cm-purpose,
.klaro ul.cm-purposes li.cm-service,
.klaro ul.cm-purposes li.cm-purpose {
  border-bottom: 1px solid #f3e8ff;
}

.klaro .cm-purpose > span,
.klaro .cm-service > span,
.klaro .cm-list-label .cm-list-title {
  color: #2e1065;
}

.klaro .cm-powered-by,
.klaro .cm-powered-by a {
  color: #8b7aa8;
  font-size: 0.78rem;
}

.klaro .klaro-close,
.klaro .cookie-modal .hide {
  color: #4c1d95;
}

.klaro .cookie-modal .hide svg {
  stroke: #4c1d95;
}

.klaro_toggle_dialog {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 50%;
  background-color: #6d28d9;
  background-image: url(../icons/privacy-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  box-shadow: 0 10px 24px rgba(109, 40, 217, 0.38);
}

.klaro_toggle_dialog:hover,
.klaro_toggle_dialog:focus {
  background-color: #5b21b6;
}

.klaro .cookie-notice a.cm-link.cn-learn-more,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more,
.klaro .cookie-notice a.cm-link.cn-learn-more:hover,
.klaro .cookie-notice a.cm-link.cn-learn-more:focus,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more:hover,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more:focus {
  width: 2.5rem !important;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  background-color: #f5f3ff !important;
  background-image: url(../icons/settings.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 1.15rem !important;
}

.klaro .cookie-notice a.cm-link.cn-learn-more:hover,
.klaro .cookie-notice a.cm-link.cn-learn-more:focus,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more:hover,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more:focus {
  background-color: #ede9fe !important;
}

@media (max-width: 600px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    width: auto;
  }
}