/* Kustomer's 60px launcher sits 30px from the bottom and right edges.
   Leave a 10px gap beside it at every viewport width. */
.sticky-cta {
  inset: auto 100px 30px auto;
  padding: 0;
}

.sticky-cta .floating-call {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  background-color: #ff4801;
  color: #fff;
  box-shadow: none;
  filter: drop-shadow(1px 1px 3px rgb(0 0 0 / 30%));
  transition: transform 150ms ease-in-out;
}

/* Match the native Kustomer launcher's hover motion. */
@media (hover: hover) and (pointer: fine) {
  .sticky-cta .floating-call:hover {
    transform: translateY(-4px) scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sticky-cta .floating-call,
  .sticky-cta .floating-call:hover {
    transition: none;
    transform: none;
  }
}

.floating-call svg {
  width: 28px;
  height: 28px;
}

.floating-call:focus-visible {
  outline: 3px solid #0e262a;
  outline-offset: 3px;
}

/* Reserve number width until the regional dial target and label agree. */
html.contact-phones-pending [data-contact-number] {
  visibility: hidden;
}

/* Loaded in Kustomer's iframe after initialization. The uploaded launcher
   artwork has cropped edges; fill and clip its background to a true circle. */
#rootChatIcon {
  border-radius: 50%;
  background-color: #ff4801;
}