/* Chatbot button (your original tweaks + z-index & position) */
@media (max-width: 768px) {
  #floating-chatbot-button {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: #fff;
    color: #212121;
    border: 1px solid #ddd;
    z-index: 100001;
  }
}

/* WhatsApp button: animate in/out */
@media (max-width: 768px) {
  .ht_ctc_style.ht_ctc_chat_style {
    position: fixed;
    right: 25px;
    bottom: 150px; /* chatbot bottom (80) + button (60) + gap */
    z-index: 100000;
    display: block;

    /* animation base */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity .28s ease, transform .28s ease, visibility .28s ease;
    will-change: opacity, transform, visibility;
    pointer-events: auto;
  }

  /* When chatbot is open → hide WA with fade + slide */
  body.chatbot-open .ht_ctc_style.ht_ctc_chat_style {
    opacity: 0;
    transform: translateY(12px);
    visibility: hidden;
    pointer-events: none;
  }
}

.bot-message.temporary-message,
.bot-message.temporary-message .thinking-dots-container,
.bot-message.temporary-message .thinking-dots {
  display: none !important;
}