/*
 * Custom marketing support trigger. Productlane's idle launcher is hidden
 * so this is the only control; the open panel stays visible.
 * https://productlane.com/docs/setup/widget#using-a-custom-trigger
 */

.support-button {
  position: fixed;
  right: max(20px, env(safe-area-inset-right, 0px));
  bottom: max(20px, env(safe-area-inset-bottom, 0px));
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 0;
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: var(--accent, hsl(48 43% 58%));
  border: 1px solid
    color-mix(in srgb, var(--accent, hsl(48 43% 58%)) 75%, white);
  border-radius: 999px;
  box-shadow:
    var(--shadow-brand-action),
    inset 0 1px 0 rgb(255 255 255 / 0.15);
  transition:
    background-color var(--duration-base, 200ms) var(--ease-out, ease),
    transform 160ms var(--ease-out, ease),
    box-shadow var(--duration-base, 200ms) var(--ease-out, ease);
}

.support-button:hover {
  background-color: color-mix(
    in srgb,
    var(--accent, hsl(48 43% 58%)) 80%,
    transparent
  );
}

.support-button:active {
  background-color: color-mix(
    in srgb,
    var(--accent, hsl(48 43% 58%)) 70%,
    transparent
  );
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.08);
  transform: scale(0.97);
}

.support-button:focus-visible {
  outline: 2px solid #141414;
  outline-offset: 3px;
}

.support-button svg {
  display: block;
  flex: none;
}

body:has(.ProductlaneWidget-MainWidget__Container.is-open) .support-button {
  visibility: hidden;
  pointer-events: none;
}

.ProductlaneWidget-MainWidget__Container:not(.is-open):not(
    [data-lockii-launcher="visible"]
  ) {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .support-button {
    transition: none;
  }

  .support-button:active {
    transform: none;
  }
}

@media print {
  .support-button {
    display: none;
  }
}