/* =================================================================
   WayToWeb Chatbot Widget — Fully Isolated CSS
   All rules scoped under #wtw-chatbot-widget to prevent conflicts
   ================================================================= */

/* ── CSS Variables ─────────────────────────────────────────────── */
#wtw-chatbot-widget {
  --c-green:       #00b063;
  --c-green-dk:    #006f38;
  --c-green-lt:    #e6f9f1;
  --c-green-glow:  rgba(0,176,99,0.22);
  --c-white:       #ffffff;
  --c-bg:          #f0f4f8;
  --c-text:        #1c2b36;
  --c-muted:       #6b7f90;
  --c-border:      #dde5ed;
  --c-ease:        cubic-bezier(0.16,1,0.3,1);
}

/* ── Hard reset for ALL widget children ────────────────────────── */
#wtw-chatbot-widget,
#wtw-chatbot-widget * {
  all: unset;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Heebo', Arial, sans-serif !important;
}

/* Restore display for block elements after all:unset */
#wtw-chatbot-widget div,
#wtw-chatbot-widget form,
#wtw-chatbot-widget ul,
#wtw-chatbot-widget li { display: block; }

#wtw-chatbot-widget span { display: inline; }

#wtw-chatbot-widget button,
#wtw-chatbot-widget a,
#wtw-chatbot-widget input { display: inline-block; }

/* Restore Font Awesome icon rendering (all:unset breaks ::before pseudo) */
#wtw-chatbot-widget i.fa,
#wtw-chatbot-widget i[class*="fa-"] {
  display: inline-block !important;
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  speak: none !important;
}

/* ── Widget wrapper ────────────────────────────────────────────── */
#wtw-chatbot-widget {
  display: block !important;
  position: fixed !important;
  bottom: 26px !important;
  right: 26px !important;
  z-index: 999999 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* ── Launcher button ───────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-launcher {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #00d470, var(--c-green-dk)) !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  position: relative !important;
  box-shadow: 0 5px 20px var(--c-green-glow), 0 2px 6px rgba(0,0,0,0.18) !important;
  transition: transform 0.3s var(--c-ease), box-shadow 0.3s var(--c-ease) !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#wtw-chatbot-widget .wtw-chat-launcher:hover {
  transform: scale(1.1) translateY(-2px) !important;
  box-shadow: 0 10px 28px var(--c-green-glow) !important;
}

#wtw-chatbot-widget .wtw-chat-launcher:active {
  transform: scale(0.94) !important;
}

#wtw-chatbot-widget .wtw-chat-launcher::before {
  content: '' !important;
  position: absolute !important;
  inset: -6px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(0,176,99,0.4) !important;
  animation: wtwPulse 2.2s infinite ease-out !important;
  pointer-events: none !important;
  display: block !important;
}

#wtw-chatbot-widget.is-open .wtw-chat-launcher::before {
  display: none !important;
}

#wtw-chatbot-widget .wtw-chat-launcher-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  color: #fff !important;
  line-height: 1 !important;
}

#wtw-chatbot-widget .wtw-chat-launcher .wtw-close-icon { display: none !important; }
#wtw-chatbot-widget.is-open .wtw-chat-launcher .wtw-open-icon  { display: none !important; }
#wtw-chatbot-widget.is-open .wtw-chat-launcher .wtw-close-icon { display: flex !important; }

#wtw-chatbot-widget .wtw-chat-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: -3px !important;
  right: -3px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  border: 2px solid #fff !important;
  line-height: 1 !important;
  animation: wtwBadgePop 0.4s var(--c-ease) !important;
}

/* ── Greeting bubble ───────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-greeting {
  display: flex !important;
  align-items: flex-start !important;
  position: absolute !important;
  bottom: 74px !important;
  right: 0 !important;
  width: 278px !important;
  background: #fff !important;
  border-radius: 16px !important;
  padding: 14px 14px !important;
  gap: 10px !important;
  box-shadow: 0 8px 26px rgba(0,0,0,0.13), 0 0 0 1px rgba(0,176,99,0.1) !important;
  cursor: pointer !important;
  animation: wtwSlideUp 0.4s var(--c-ease) forwards !important;
  transform-origin: bottom right !important;
}

#wtw-chatbot-widget .wtw-chat-greeting-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: var(--c-green-lt) !important;
  color: var(--c-green) !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

#wtw-chatbot-widget .wtw-chat-greeting-avatar i {
  display: inline-block !important;
  font-size: 16px !important;
  color: var(--c-green) !important;
  line-height: 1 !important;
  font-family: FontAwesome !important;
}

#wtw-chatbot-widget .wtw-chat-greeting-content {
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
}

#wtw-chatbot-widget .wtw-chat-greeting-title {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
  margin-bottom: 3px !important;
  line-height: 1.3 !important;
}

#wtw-chatbot-widget .wtw-badge {
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.22) !important;
  animation: wtwOnlinePulse 2s infinite !important;
}

#wtw-chatbot-widget .wtw-chat-greeting-desc {
  display: block !important;
  font-size: 12px !important;
  color: var(--c-muted) !important;
  line-height: 1.45 !important;
}

#wtw-chatbot-widget .wtw-chat-greeting-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  transition: color 0.2s !important;
}

#wtw-chatbot-widget .wtw-chat-greeting-close:hover { color: #ef4444 !important; }

/* ── Chat window ───────────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-window {
  display: flex !important;
  flex-direction: column !important;
  position: absolute !important;
  bottom: 76px !important;
  right: 0 !important;
  width: 360px !important;
  height: 550px !important;
  max-height: calc(100vh - 110px) !important;
  background: var(--c-white) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,0.16), 0 0 0 1px rgba(0,176,99,0.07) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(16px) scale(0.96) !important;
  transition: opacity 0.32s var(--c-ease), transform 0.32s var(--c-ease) !important;
  transform-origin: bottom right !important;
}

#wtw-chatbot-widget.is-open .wtw-chat-window {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

/* ── Header ────────────────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-shrink: 0 !important;
  background: linear-gradient(135deg, #00c469 0%, #006535 100%) !important;
  padding: 12px 14px !important;
  position: relative !important;
  overflow: hidden !important;
}

#wtw-chatbot-widget .wtw-chat-header::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.06) !important;
  top: -50px !important;
  right: -30px !important;
  pointer-events: none !important;
}

#wtw-chatbot-widget .wtw-chat-header-info {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  position: relative !important;
  z-index: 1 !important;
  flex: 1 !important;
  min-width: 0 !important;
}

#wtw-chatbot-widget .wtw-chat-header-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.18) !important;
  border: 2px solid rgba(255,255,255,0.28) !important;
  color: #fff !important;
  position: relative !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

#wtw-chatbot-widget .wtw-chat-header-avatar i {
  display: inline-block !important;
  font-size: 17px !important;
  color: #fff !important;
  line-height: 1 !important;
  font-family: FontAwesome !important;
}

#wtw-chatbot-widget .wtw-chat-online-status {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 10px !important;
  height: 10px !important;
  background: #4ade80 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
}

#wtw-chatbot-widget .wtw-chat-header-text { display: block !important; min-width: 0 !important; }

#wtw-chatbot-widget .wtw-chat-header-text h3 {
  display: block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#wtw-chatbot-widget .wtw-chat-header-text p {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.8) !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

#wtw-chatbot-widget .wtw-chat-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

#wtw-chatbot-widget .wtw-chat-header-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.22) !important;
  border: 1.5px solid rgba(255,255,255,0.35) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 13px !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: background 0.2s !important;
  line-height: 1 !important;
}

#wtw-chatbot-widget .wtw-chat-header-btn:hover {
  background: rgba(255,255,255,0.38) !important;
}

#wtw-chatbot-widget .wtw-chat-header-btn i {
  display: inline-block !important;
  font-size: 13px !important;
  color: #fff !important;
  line-height: 1 !important;
  font-family: FontAwesome !important;
}

/* ── Messages area ─────────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-messages {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 14px 12px 8px !important;
  overflow-y: auto !important;
  gap: 10px !important;
  background: var(--c-bg) !important;
  scroll-behavior: smooth !important;
  min-height: 0 !important;
}

#wtw-chatbot-widget .wtw-chat-messages::-webkit-scrollbar { width: 4px !important; }
#wtw-chatbot-widget .wtw-chat-messages::-webkit-scrollbar-thumb {
  background: #c0cdd8 !important;
  border-radius: 4px !important;
}

/* ── Message row ───────────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-msg {
  display: flex !important;
  align-items: flex-end !important;
  gap: 7px !important;
  width: 100% !important;
  animation: wtwMsgIn 0.24s var(--c-ease) both !important;
}

#wtw-chatbot-widget .wtw-chat-msg.bot  { flex-direction: row !important; }
#wtw-chatbot-widget .wtw-chat-msg.user { flex-direction: row-reverse !important; }

/* Avatar circle */
#wtw-chatbot-widget .wtw-msg-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

#wtw-chatbot-widget .wtw-chat-msg.bot .wtw-msg-avatar {
  background: var(--c-green-lt) !important;
  border: 1.5px solid rgba(0,176,99,0.2) !important;
  color: var(--c-green) !important;
}

#wtw-chatbot-widget .wtw-chat-msg.user .wtw-msg-avatar {
  background: #dbe3ec !important;
  border: 1.5px solid #c5d0db !important;
  color: #5a6a7a !important;
}

#wtw-chatbot-widget .wtw-msg-avatar i {
  display: inline-block !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-family: FontAwesome !important;
}

/* Bubble */
#wtw-chatbot-widget .wtw-msg-bubble {
  display: block !important;
  min-width: 0 !important;
  max-width: calc(100% - 35px) !important;
  padding: 10px 12px 8px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

#wtw-chatbot-widget .wtw-chat-msg.bot .wtw-msg-bubble {
  background: #fff !important;
  color: var(--c-text) !important;
  border: 1px solid var(--c-border) !important;
  border-bottom-left-radius: 4px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.07) !important;
}

#wtw-chatbot-widget .wtw-chat-msg.user .wtw-msg-bubble {
  background: linear-gradient(135deg, #00c469, #006535) !important;
  color: #fff !important;
  border-bottom-right-radius: 4px !important;
  box-shadow: 0 3px 12px rgba(0,176,99,0.28) !important;
}

/* Timestamp inside bubble */
#wtw-chatbot-widget .wtw-msg-time {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  margin-top: 5px !important;
  color: var(--c-muted) !important;
}

#wtw-chatbot-widget .wtw-chat-msg.user .wtw-msg-time {
  color: rgba(255,255,255,0.58) !important;
}

/* ── Quick chips ───────────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 10px !important;
}

#wtw-chatbot-widget .wtw-quick-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 5px 11px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  border: 1.5px solid #a8efd0 !important;
  background: #fff !important;
  color: #065f46 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  transition: all 0.18s ease !important;
  margin: 0 !important;
  outline: none !important;
}

#wtw-chatbot-widget .wtw-quick-chip:hover {
  background: var(--c-green) !important;
  color: #fff !important;
  border-color: var(--c-green) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px var(--c-green-glow) !important;
  text-decoration: none !important;
}

#wtw-chatbot-widget .wtw-quick-chip i {
  display: inline-block !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-family: FontAwesome !important;
}

#wtw-chatbot-widget .wtw-chat-launcher-icon i {
  display: inline-block !important;
  font-size: 22px !important;
  color: #fff !important;
  line-height: 1 !important;
  font-family: FontAwesome !important;
}

/* ── Lead capture card ─────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-lead-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 12px !important;
  background: #f0fdf8 !important;
  border: 1px solid #99f0cc !important;
  border-radius: 12px !important;
  padding: 12px !important;
}

#wtw-chatbot-widget .wtw-lead-card input {
  display: block !important;
  width: 100% !important;
  padding: 8px 11px !important;
  border: 1.5px solid #cce8da !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  color: var(--c-text) !important;
  background: #fff !important;
  outline: none !important;
  transition: border-color 0.2s !important;
  margin: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#wtw-chatbot-widget .wtw-lead-card input::placeholder {
  color: #94a3b8 !important;
}

#wtw-chatbot-widget .wtw-lead-card input:focus {
  border-color: var(--c-green) !important;
  box-shadow: 0 0 0 3px rgba(0,176,99,0.1) !important;
}

#wtw-chatbot-widget .wtw-submit-lead,
#wtw-chatbot-widget .wtw-lead-card button {
  display: block !important;
  width: 100% !important;
  padding: 9px 14px !important;
  background: linear-gradient(135deg, #00c469, #006535) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: 0 3px 10px rgba(0,176,99,0.22) !important;
  transition: opacity 0.2s, transform 0.15s !important;
  margin: 0 !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#wtw-chatbot-widget .wtw-submit-lead:hover,
#wtw-chatbot-widget .wtw-lead-card button:hover {
  opacity: 0.88 !important;
  transform: translateY(-1px) !important;
}

/* ── Typing indicator ──────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-typing-indicator {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 10px 14px !important;
  background: #fff !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 16px !important;
  border-bottom-left-radius: 4px !important;
  width: fit-content !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.07) !important;
}

#wtw-chatbot-widget .wtw-typing-dot {
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--c-green) !important;
  animation: wtwDots 1.3s infinite ease-in-out both !important;
}

#wtw-chatbot-widget .wtw-typing-dot:nth-child(1) { animation-delay: -0.32s !important; }
#wtw-chatbot-widget .wtw-typing-dot:nth-child(2) { animation-delay: -0.16s !important; }
#wtw-chatbot-widget .wtw-typing-dot:nth-child(3) { animation-delay: 0s !important; }

/* ── Footer / Input ────────────────────────────────────────────── */
#wtw-chatbot-widget .wtw-chat-footer {
  display: flex !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  gap: 7px !important;
  padding: 10px 12px 12px !important;
  background: #fff !important;
  border-top: 1px solid var(--c-border) !important;
}

#wtw-chatbot-widget .wtw-chat-input-row {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: var(--c-bg) !important;
  border: 1.5px solid var(--c-border) !important;
  border-radius: 26px !important;
  padding: 4px 5px 4px 14px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  margin: 0 !important;
}

#wtw-chatbot-widget .wtw-chat-input-row:focus-within {
  border-color: var(--c-green) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0,176,99,0.1) !important;
}

#wtw-chatbot-widget .wtw-chat-input-row input {
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--c-text) !important;
  outline: none !important;
  padding: 5px 0 !important;
  margin: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
}

#wtw-chatbot-widget .wtw-chat-input-row input::placeholder {
  color: #94a3b8 !important;
}

#wtw-chatbot-widget .wtw-chat-send-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #00c469, #006535) !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 13px !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  outline: none !important;
  line-height: 1 !important;
}

#wtw-chatbot-widget .wtw-chat-send-btn:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 4px 12px var(--c-green-glow) !important;
}

#wtw-chatbot-widget .wtw-chat-send-btn i {
  display: inline-block !important;
  font-size: 13px !important;
  color: #fff !important;
  line-height: 1 !important;
  font-family: FontAwesome !important;
}

#wtw-chatbot-widget .wtw-chat-send-btn:disabled {
  background: #c0cdd8 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

#wtw-chatbot-widget .wtw-chat-branding {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-size: 10px !important;
  color: #94a3b8 !important;
  line-height: 1.3 !important;
}

#wtw-chatbot-widget .wtw-chat-branding strong {
  color: var(--c-green) !important;
  font-weight: 600 !important;
}

/* ── Keyframe Animations ───────────────────────────────────────── */
@keyframes wtwPulse {
  0%   { transform: scale(0.94); opacity: 0.8; }
  60%  { transform: scale(1.26); opacity: 0; }
  100% { transform: scale(0.94); opacity: 0; }
}

@keyframes wtwBadgePop {
  0%   { transform: scale(0); }
  70%  { transform: scale(1.3); }
  100% { transform: scale(1); }
}

@keyframes wtwOnlinePulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.45); }
  50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

@keyframes wtwSlideUp {
  from { opacity: 0; transform: scale(0.88) translateY(10px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes wtwMsgIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes wtwDots {
  0%,80%,100% { transform: scale(0.5); opacity: 0.4; }
  40%          { transform: scale(1);   opacity: 1; }
}

/* ── Mobile ────────────────────────────────────────────────────── */
@media (max-width: 480px) {
  #wtw-chatbot-widget {
    bottom: 14px !important;
    right: 14px !important;
  }

  #wtw-chatbot-widget .wtw-chat-window {
    width: calc(100vw - 28px) !important;
    height: calc(100vh - 100px) !important;
    bottom: 72px !important;
    border-radius: 16px !important;
  }

  #wtw-chatbot-widget .wtw-chat-greeting {
    width: calc(100vw - 36px) !important;
  }
}