body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Ensure the mobile off-canvas overlay fills the viewport even if nested inside other containers */
#mobile-menu-panel {
    position: fixed;
    inset: 0;
    height: 100vh;
}

#mobile-menu-drawer {
    height: 100%;
}

#whatsapp-fab {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 30;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 9999px;
    background: #25D366;
    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.45);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 150ms ease, box-shadow 150ms ease;  
}

#whatsapp-fab:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 18px 40px rgba(37, 211, 102, 0.5);
}

#whatsapp-fab svg {
    width: 3.25rem;
    height: 3.25rem;
}

/* Waggle the icon so it stays lively without fighting the float transform */
.rd-whatsapp-waggle {
    animation: rd-whatsapp-waggle 4.5s ease-in-out infinite;
    transform-origin: center;
}

@keyframes rd-whatsapp-waggle {
  0% {
    transform: none;
    }
    10% {
        transform: rotateZ(-20deg) scale(1.2);
    }
    13% {
        transform: rotateZ(25deg) scale(1.2);
    }
    15% {
        transform: rotateZ(-15deg) scale(1.2);
    }
    17% {
        transform: rotateZ(15deg) scale(1.2);
    }
    20% {
        transform: rotateZ(-12deg) scale(1.2);
    }
    22% {
        transform: rotateZ(0) scale(1.2);
    }
    100%, 24% {
        transform: rotateZ(0) scale(1);
    }
}