/* TECHLETES-styled Klaro consent UI, aligned with hello.techletes.ai. */
.klaro.techletes-consent,
.klaro.techletes-consent * {
  font-family: inherit !important;
  box-sizing: border-box;
}

.klaro.techletes-consent .cookie-notice,
#klaro .cookie-notice:not(.cookie-modal-notice) {
  left: 24px !important;
  right: auto !important;
  bottom: 24px !important;
  max-width: 520px !important;
  background: #0b0b0b !important;
  color: #f8f7f7 !important;
  border: 1px solid #272727 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.klaro.techletes-consent .cookie-notice .cn-body,
#klaro .cookie-notice .cn-body {
  padding: 26px !important;
}

.klaro.techletes-consent .cookie-notice .cn-body::before,
#klaro .cookie-notice .cn-body::before {
  content: "Privacy & cookies";
  display: block;
  color: #ffa500;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.klaro.techletes-consent .cookie-notice .cn-body p,
#klaro .cookie-notice .cn-body p {
  color: #c9c9c9 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 0 20px !important;
}

.klaro.techletes-consent .cookie-notice .cn-ok,
.klaro.techletes-consent .cookie-notice .cn-buttons,
#klaro .cookie-notice .cn-ok,
#klaro .cookie-notice .cn-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.klaro.techletes-consent .cm-btn,
#klaro .cm-btn {
  border-radius: 999px !important;
  padding: 11px 17px !important;
  min-height: 42px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
}

.klaro.techletes-consent .cm-btn.cm-btn-success,
#klaro .cm-btn.cm-btn-success {
  background: #ffa500 !important;
  color: #080808 !important;
  border-color: #ffa500 !important;
}

.klaro.techletes-consent .cm-btn.cm-btn-danger,
.klaro.techletes-consent .cm-btn.cm-btn-decline,
#klaro .cm-btn.cm-btn-danger,
#klaro .cm-btn.cm-btn-decline {
  background: #242424 !important;
  color: #f8f7f7 !important;
  border-color: #5a5a5a !important;
}

.klaro.techletes-consent .cm-btn:hover,
#klaro .cm-btn:hover {
  filter: brightness(1.08) !important;
}

.klaro.techletes-consent .cookie-notice .cn-learn-more,
#klaro .cookie-notice .cn-learn-more {
  color: #f8f7f7 !important;
  text-decoration: underline !important;
  text-decoration-color: #676767 !important;
  text-underline-offset: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-right: auto !important;
}

.klaro.techletes-consent .cookie-notice .cn-learn-more:hover,
#klaro .cookie-notice .cn-learn-more:hover,
.klaro.techletes-consent a,
#klaro a {
  color: #ffa500 !important;
}

.klaro.techletes-consent .cookie-modal,
#klaro .cookie-modal {
  background: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: blur(10px) !important;
}

.klaro.techletes-consent .cookie-modal .cm-modal,
#klaro .cookie-modal .cm-modal {
  background: #0d0d0d !important;
  color: #f8f7f7 !important;
  border: 1px solid #292929 !important;
  border-radius: 26px !important;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.35) !important;
  max-width: 720px !important;
  overflow: auto !important;
}

.klaro.techletes-consent .cookie-modal .cm-header,
#klaro .cookie-modal .cm-header {
  border-bottom: 1px solid #292929 !important;
  padding: 28px 30px 22px !important;
  background: #0d0d0d !important;
}

.klaro.techletes-consent .cookie-modal .cm-header h1,
#klaro .cookie-modal .cm-header h1 {
  font-size: 30px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  color: #f8f7f7 !important;
  margin: 0 0 12px !important;
}

.klaro.techletes-consent .cookie-modal .cm-header p,
#klaro .cookie-modal .cm-header p,
.klaro.techletes-consent .cookie-modal .cm-purpose-description,
.klaro.techletes-consent .cookie-modal .cm-service-description,
#klaro .cookie-modal .cm-purpose-description,
#klaro .cookie-modal .cm-service-description {
  color: #aaa !important;
  line-height: 1.55 !important;
}

.klaro.techletes-consent .cookie-modal .cm-body,
#klaro .cookie-modal .cm-body {
  background: #0d0d0d !important;
  padding: 8px 30px 18px !important;
}

.klaro.techletes-consent .cookie-modal .cm-purpose,
#klaro .cookie-modal .cm-purpose {
  border-bottom: 1px solid #242424 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.klaro.techletes-consent .cookie-modal .cm-purpose-title,
.klaro.techletes-consent .cookie-modal .cm-service-title,
#klaro .cookie-modal .cm-purpose-title,
#klaro .cookie-modal .cm-service-title {
  color: #f8f7f7 !important;
  font-weight: 800 !important;
}

.klaro.techletes-consent .cookie-modal .cm-footer,
#klaro .cookie-modal .cm-footer {
  background: #111 !important;
  border-top: 1px solid #292929 !important;
  padding: 20px 30px !important;
}

.klaro.techletes-consent .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
#klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background: #ffa500 !important;
}

.klaro.techletes-consent .cookie-modal .cm-list-label .slider,
#klaro .cookie-modal .cm-list-label .slider {
  background: #373737 !important;
  box-shadow: none !important;
}

.klaro.techletes-consent button:focus-visible,
.klaro.techletes-consent a:focus-visible,
#klaro button:focus-visible,
#klaro a:focus-visible {
  outline: 3px solid #ffa500 !important;
  outline-offset: 3px !important;
}

#klaro .klaro {
  --dark1: #0b0b0b;
  --dark2: #242424;
  --light1: #f8f7f7;
  --light2: #292929;
  --light3: #aaa;
  --green1: #ffa500;
  --green2: #ffb52f;
  --green3: #ffc65a;
  --button-text-color: #080808;
  --border-radius: 24px;
}

@media (max-width: 640px) {
  .klaro.techletes-consent .cookie-notice,
  #klaro .cookie-notice:not(.cookie-modal-notice) {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    max-width: none !important;
    border-radius: 20px !important;
  }

  .klaro.techletes-consent .cookie-notice .cn-body,
  #klaro .cookie-notice .cn-body {
    padding: 20px !important;
  }

  .klaro.techletes-consent .cookie-notice .cn-ok,
  .klaro.techletes-consent .cookie-notice .cn-buttons,
  #klaro .cookie-notice .cn-ok,
  #klaro .cookie-notice .cn-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .klaro.techletes-consent .cookie-modal .cm-modal,
  #klaro .cookie-modal .cm-modal {
    margin: 12px !important;
    border-radius: 20px !important;
  }
}