/**
 * Sherlo LP — Tawk.to widget (sticky bottom-right, matches site tokens)
 */
:root {
  --tawk-offset-x: 1.5rem;
  --tawk-offset-y: 1.5rem;
  --tawk-z: 40;
}

@media (width >= 40rem) {
  :root {
    --tawk-offset-x: 1.5rem;
    --tawk-offset-y: 1.5rem;
  }
}

#tawk-bubble-container,
.tawk-min-container {
  z-index: var(--tawk-z) !important;
  margin: 0 !important;
  inset: auto var(--tawk-offset-x) var(--tawk-offset-y) auto !important;
}

#tawk-bubble-container .tawk-button-circle,
#tawk-bubble-container .tawk-button {
  background-color: var(--color-primary, #77fc00) !important;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 0.25),
    0 0 0 1px color-mix(in oklab, var(--color-primary, #77fc00) 40%, transparent) !important;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#tawk-bubble-container .tawk-button-circle:hover,
#tawk-bubble-container .tawk-button:hover {
  background-color: color-mix(in oklab, var(--color-primary, #77fc00) 90%, transparent) !important;
}

#tawk-bubble-container .tawk-icon svg {
  fill: var(--color-black, #000) !important;
}

@media (width < 40rem) {
  :root {
    --tawk-offset-x: 1rem;
    --tawk-offset-y: max(1rem, env(safe-area-inset-bottom, 0px));
  }
}