/* Operational controls for original themes. Their visual palettes remain theme-owned. */
/* Module-owned WhatsApp entry point for standalone public template renderers. */
.whatapp-chatbot[data-vexo-whatsapp-chatbot] {
    box-sizing: border-box;
    position: fixed;
    inset-inline-end: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 110;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border: 1.5px solid #ffffff;
    border-radius: 9999px;
    background: #25d366;
    color: #ffffff;
    box-shadow: 0 14px 32px -16px rgba(15, 23, 42, .5);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.whatapp-chatbot[data-vexo-whatsapp-chatbot]:hover,
.whatapp-chatbot[data-vexo-whatsapp-chatbot]:focus-visible {
    color: #ffffff;
    outline: 0;
    transform: translateY(-2px);
    box-shadow:
        0 18px 36px -16px rgba(15, 23, 42, .56),
        0 0 0 3px rgba(37, 211, 102, .22);
}

.whatapp-chatbot[data-vexo-whatsapp-chatbot] .whatapp-chatbot-icon,
.whatapp-chatbot[data-vexo-whatsapp-chatbot] .whatapp-chatbot-icon svg {
    display: block;
    width: 1.65rem;
    height: 1.65rem;
    fill: currentColor;
}