/* CognitiShop Kittoner assistant overrides. */

body.cs-public-kittoner .cs-assistant-root {
  --cs-assistant-green: #84c700;
  --cs-assistant-green-dark: #1f2f0e;
  --cs-assistant-lime: #8ac600;
  --cs-assistant-orange: #e6007e;
  --cs-assistant-ink: #242424;
  --cs-assistant-muted: #5f6858;
  --cs-assistant-border: rgba(132, 199, 0, 0.32);
  --cs-assistant-shadow: 0 22px 54px rgba(28, 45, 8, 0.22);
  bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  color: #242424;
  font-size: 16px !important;
  line-height: 1.4 !important;
  right: 20px;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

body.cs-public-kittoner .cs-assistant-root *,
body.cs-public-kittoner .cs-assistant-root *::before,
body.cs-public-kittoner .cs-assistant-root *::after {
  text-size-adjust: 100%;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-launcher {
  min-height: 106px;
  width: min(286px, calc(100vw - 32px));
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-mascot {
  height: 98px;
  width: 98px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-mascot-img {
  max-width: none;
  width: 98px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-launcher-text {
  font-size: 16px !important;
  min-width: 196px;
  padding: 13px 36px 13px 17px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-launcher-text strong {
  font-size: 16px !important;
  line-height: 1.12 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-launcher-text span {
  display: block;
  font-size: 13px !important;
  line-height: 1.18 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-panel {
  border-radius: 18px;
  max-height: min(760px, calc(100vh - 136px));
  min-height: 420px;
  width: min(560px, calc(100vw - 32px));
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-head {
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 255, 255, 0.28), transparent 68px),
    linear-gradient(135deg, #202020, #6faa00 64%, #e6007e);
  padding: 18px 18px 16px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-body {
  gap: 12px;
  padding: 16px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-form {
  gap: 12px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-eyebrow {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-title {
  font-size: 24px !important;
  line-height: 1.08 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-head p,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-label,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-options,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-status,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-private,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-empty {
  font-size: 14px !important;
  line-height: 1.38 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-label span {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-input {
  min-height: 112px;
  padding: 14px 15px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-input,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-submit,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-message p {
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-submit {
  min-height: 42px;
  padding: 12px 16px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-message h3 {
  font-size: 18px !important;
  line-height: 1.22 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-chip,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-private-meta,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-source small,
body.cs-public-kittoner .cs-assistant-root .cs-assistant-actions li {
  font-size: 13px !important;
  line-height: 1.32 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-chip {
  min-height: 34px;
  padding: 8px 11px;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-section-title {
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-source-type {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-source a {
  font-size: 14px !important;
  line-height: 1.24 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-private-signal strong {
  font-size: 14px !important;
  line-height: 1.24 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-private-signal small {
  font-size: 12px !important;
  line-height: 1.32 !important;
}

body.cs-public-kittoner .cs-assistant-root .cs-assistant-close {
  font-size: 22px !important;
  height: 40px;
  width: 40px;
}

body.cs-public-kittoner .kt-scroll-top.cs-encros-scroll-top {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 95;
  display: inline-grid !important;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: #84c700;
  box-shadow: 0 16px 34px rgba(23, 33, 47, 0.22);
  color: #fff;
  cursor: pointer;
  font-size: 22px !important;
  font-weight: 1000;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease;
  visibility: visible !important;
}

body.cs-public-kittoner .kt-scroll-top.cs-encros-scroll-top[data-visible="true"] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

body.cs-public-kittoner .kt-scroll-top.cs-encros-scroll-top:hover,
body.cs-public-kittoner .kt-scroll-top.cs-encros-scroll-top:focus-visible {
  background: #e6007e;
}

@media (max-width: 760px) {
  body.cs-public-kittoner .cs-assistant-root {
    bottom: calc(82px + env(safe-area-inset-bottom, 0px));
    right: 13px;
  }

  body.cs-public-kittoner .cs-assistant-root .cs-assistant-launcher {
    min-height: 96px;
    width: min(258px, calc(100vw - 22px));
  }

  body.cs-public-kittoner .cs-assistant-root .cs-assistant-mascot,
  body.cs-public-kittoner .cs-assistant-root .cs-assistant-mascot-img {
    width: 90px;
  }

  body.cs-public-kittoner .cs-assistant-root .cs-assistant-mascot {
    height: 90px;
  }

  body.cs-public-kittoner .cs-assistant-root .cs-assistant-panel {
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    left: 8px;
    max-height: calc(100vh - 82px - env(safe-area-inset-bottom, 0px));
    right: 8px;
    width: auto;
  }

  body.cs-public-kittoner .cs-assistant-root .cs-assistant-title {
    font-size: 22px !important;
  }

  body.cs-public-kittoner .cs-assistant-root .cs-assistant-launcher-text span {
    display: block;
  }

  body.cs-public-kittoner .cs-assistant-root .cs-assistant-head p,
  body.cs-public-kittoner .cs-assistant-root .cs-assistant-label,
  body.cs-public-kittoner .cs-assistant-root .cs-assistant-options,
  body.cs-public-kittoner .cs-assistant-root .cs-assistant-status,
  body.cs-public-kittoner .cs-assistant-root .cs-assistant-private,
  body.cs-public-kittoner .cs-assistant-root .cs-assistant-empty {
    font-size: 14px !important;
  }

  body.cs-public-kittoner .kt-scroll-top.cs-encros-scroll-top {
    right: 14px;
    bottom: 16px;
    width: 44px;
    height: 44px;
  }
}