:root {
  --ysc-consent-bg: #121212;
  --ysc-consent-panel: #17202c;
  --ysc-consent-text: #ffffff;
  --ysc-consent-muted: #e6e0d7;
  --ysc-consent-border: #344255;
  --ysc-consent-orange: #d36c2f;
  --ysc-consent-blue: #2784bd;
  --ysc-consent-purple: #8b6fc7;
}

.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal {
  background: var(--ysc-consent-bg) !important;
  border: 1px solid var(--ysc-consent-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--ysc-consent-text) !important;
  font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
}

.klaro .cookie-notice {
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  max-width: 720px !important;
  padding: 24px !important;
}

.klaro .cookie-notice .cn-body,
.klaro .cookie-modal .cm-body,
.klaro .cookie-modal .cm-header,
.klaro .cookie-modal .cm-footer {
  color: var(--ysc-consent-text) !important;
}

.klaro .cookie-notice h1,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal .cm-list-title {
  color: var(--ysc-consent-text) !important;
  font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
  font-weight: 800 !important;
}

.klaro .cookie-notice p,
.klaro .cookie-modal p,
.klaro .cookie-modal li,
.klaro .cookie-modal .purposes {
  color: var(--ysc-consent-muted) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-footer,
.klaro .cookie-modal .cm-purpose,
.klaro .cookie-modal .cm-service {
  border-color: var(--ysc-consent-border) !important;
}

.klaro .cookie-modal .cm-purpose,
.klaro .cookie-modal .cm-service {
  background: var(--ysc-consent-panel) !important;
}

.klaro .cookie-notice .cn-buttons,
.klaro .cookie-modal .cm-footer-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn {
  min-height: 44px !important;
  margin: 0 !important;
  padding: 11px 16px !important;
  border: 1px solid #526277 !important;
  border-radius: 8px !important;
  background: #202a37 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.klaro .cookie-notice .cm-btn-success,
.klaro .cookie-modal .cm-btn-success {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--ysc-consent-orange), #a65029) !important;
}

.klaro .cookie-notice .cm-btn:hover,
.klaro .cookie-modal .cm-btn:hover,
.klaro .cookie-notice .cm-btn:focus-visible,
.klaro .cookie-modal .cm-btn:focus-visible {
  background: linear-gradient(135deg, var(--ysc-consent-blue), var(--ysc-consent-purple)) !important;
  outline: 3px solid rgba(78, 148, 181, 0.35) !important;
  outline-offset: 2px !important;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background: linear-gradient(135deg, var(--ysc-consent-blue), var(--ysc-consent-purple)) !important;
}

.klaro a,
.klaro .cm-link {
  color: #7dc5ef !important;
}

.ysc-privacy-settings-button {
  position: fixed;
  z-index: 9998;
  left: 16px;
  bottom: 16px;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid #50627a;
  border-radius: 8px;
  background: #121212;
  color: #ffffff;
  font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
}

.ysc-privacy-settings-button:hover,
.ysc-privacy-settings-button:focus-visible {
  border-color: transparent;
  background: linear-gradient(135deg, var(--ysc-consent-blue), var(--ysc-consent-purple));
  outline: 3px solid rgba(78, 148, 181, 0.35);
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .klaro .cookie-notice {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    padding: 20px !important;
  }

  .klaro .cookie-notice .cn-buttons,
  .klaro .cookie-modal .cm-footer-buttons {
    flex-direction: column !important;
  }

  .klaro .cookie-notice .cm-btn,
  .klaro .cookie-modal .cm-btn {
    width: 100% !important;
  }
}