/* === WhatsApp side tab === */
#wa-tab.wa-tab{
    position: fixed;
    top: 50vh;                 /* milieu de l’écran */
    right: 14px;               /* bord droit */
    transform: translateY(-50%);
    z-index: 9999;             /* au-dessus du contenu, sous les modales si besoin */
}

#wa-tab .wa-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 9999px;
    background: #25D366;
    color: #fff;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, opacity .2s ease;
}
#wa-tab .wa-btn:hover{ transform: translateY(-2px) }
#wa-tab .wa-btn:active{ transform: translateY(0) }

/* Option: légère pulsation pour attirer l’œil (respecte prefers-reduced-motion) */
@media (prefers-reduced-motion: no-preference){
    #wa-tab .wa-btn{ animation: wa-pulse 2.8s ease-in-out infinite }
    @keyframes wa-pulse{
        0%,100%{ box-shadow: 0 10px 24px rgba(0,0,0,.18) }
        50%{    box-shadow: 0 12px 30px rgba(0,0,0,.26) }
    }
}

/* Mobile : on reste en latéral (évite les collisions avec footer/badges) */
@media (max-width: 768px){
    #wa-tab.wa-tab{ right: 10px; top: 45vh }
}