/* ==========================================================================
   WhatsApp Floating Button (13/11/2026) — pulsante flottante in basso a destra
   su tutte le pagine di Piexon Italia. Sostituisce la chat JivoChat.
   Stesso pulsante di MiDifendo (css/cart-drawer.css), colori del tema Piexon.
   Si nasconde quando il menu mobile e' aperto (body.mmenu-active, tema Porto).
   ========================================================================== */

#px-whatsapp-fab {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9990;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.5), 0 2px 6px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
#px-whatsapp-fab:hover {
    transform: scale(1.06);
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.6), 0 3px 8px rgba(0, 0, 0, 0.2);
}
#px-whatsapp-fab svg { width: 30px; height: 30px; fill: #ffffff; }

/* Tooltip su desktop al hover */
#px-whatsapp-fab::before {
    content: 'Scrivici su WhatsApp';
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    background: #1a1a1a;
    color: #c8a960;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    font-family: Arial, sans-serif;
}
#px-whatsapp-fab:hover::before { opacity: 1; }

/* Nascosto quando il menu mobile e' aperto */
body.mmenu-active #px-whatsapp-fab {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 767px) {
    #px-whatsapp-fab { right: 16px; bottom: 16px; }
    #px-whatsapp-fab::before { display: none; }
}