/* Wonderchat governance — shared across marketing site and portal dashboards. */
html[data-otr-wonderchat-off="1"] #wonderchat-seo-wrapper,
html[data-otr-wonderchat-off="1"] #placeholder-wonderchat-button,
html[data-otr-wonderchat-off="1"] [id*="wonderchat" i],
html[data-otr-wonderchat-off="1"] [class*="wonderchat" i],
html[data-otr-wonderchat-off="1"] iframe[src*="wonderchat" i],
html[data-otr-wonderchat-off="1"] iframe[src*="app.wonderchat.io" i] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}

html[data-otr-wonderchat-prominent="1"]:not([data-otr-wonderchat-off="1"]) #wonderchat-seo-wrapper,
html[data-otr-wonderchat-prominent="1"]:not([data-otr-wonderchat-off="1"]) #placeholder-wonderchat-button,
html[data-otr-wonderchat-prominent="1"]:not([data-otr-wonderchat-off="1"]) [id*="wonderchat" i],
html[data-otr-wonderchat-prominent="1"]:not([data-otr-wonderchat-off="1"]) [class*="wonderchat" i] {
  z-index: 2050 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

@media (max-width: 768px) {
  html[data-otr-wonderchat-prominent="1"]:not([data-otr-wonderchat-off="1"]) #wonderchat-seo-wrapper,
  html[data-otr-wonderchat-prominent="1"]:not([data-otr-wonderchat-off="1"]) #placeholder-wonderchat-button {
    bottom: calc(1.1rem + env(safe-area-inset-bottom, 0px)) !important;
    right: calc(0.85rem + env(safe-area-inset-right, 0px)) !important;
  }
}

.otr-contact-live-chat-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: rgba(253, 224, 71, 0.55);
  text-underline-offset: 3px;
}

.otr-contact-live-chat-btn:hover {
  color: #fde047;
}

.otr-contact-live-chat-btn:focus-visible {
  outline: 2px solid rgba(253, 224, 71, 0.65);
  outline-offset: 3px;
  border-radius: 3px;
}