/* v368G — Stack WhatsApp below the Need help launcher.
   Keep both floating controls on the same right side. Need help stays above,
   WhatsApp sits directly below it. */

body .vge-chatbot-root{
  right: 22px !important;
  bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9998 !important;
}

body .whatsapp-float{
  right: 22px !important;
  bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9997 !important;
}

body.vge-any-chat-open .whatsapp-float,
body.vge-chatbot-is-open .whatsapp-float,
.vge-chatbot-root.is-open ~ .whatsapp-float{
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(12px) scale(.96) !important;
}

@media (max-width: 640px){
  body .vge-chatbot-root{
    right: 12px !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .whatsapp-float{
    right: 12px !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 999px !important;
  }

  body .whatsapp-float .whatsapp-text{
    display: none !important;
  }

  body .whatsapp-float .whatsapp-icon{
    width: 30px !important;
    height: 30px !important;
  }
}