/* Bouton WhatsApp flottant — centralisé
   Source de vérité unique. Modifier ici, pas dans les pages.
   z-index sous .mobile-cta (90) et .nav-toggle/dropdowns du header (100)
   pour ne jamais passer par-dessus le menu ouvert. */

.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:80;
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    box-shadow:0 6px 20px rgba(0,0,0,.25);
    transition:transform .25s, box-shadow .25s;
    animation:whatsapp-bob 2.6s ease-in-out infinite;
}
.whatsapp-float:hover{
    box-shadow:0 10px 26px rgba(0,0,0,.3);
    animation-play-state:paused;
}
.whatsapp-float svg{
    width:30px;
    height:30px;
    flex-shrink:0;
}

/* Flottement doux, continu, haut/bas */
@keyframes whatsapp-bob{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}

/* Bulle "Discuter avec Bachir" — visible en permanence, pas seulement
   au survol (demande explicite : figée en permanence). */
.whatsapp-tooltip{
    position:absolute;
    right:64px;
    white-space:nowrap;
    background:#14304C;
    color:#fff;
    font-family:var(--fb, inherit);
    font-weight:700;
    font-size:.85rem;
    padding:7px 14px;
    border-radius:8px;
    box-shadow:0 4px 14px rgba(0,0,0,.18);
    pointer-events:none;
}

/* Sur mobile : remonter au-dessus de la barre CTA sticky (.mobile-cta,
   72px de hauteur réservée sur body) et masquer la bulle (trop de
   place prise sur petit écran, l'icône seule suffit). */
@media(max-width:768px){
    .whatsapp-float{
        right:16px;
        bottom:88px;
        width:50px;
        height:50px;
    }
    .whatsapp-float svg{
        width:26px;
        height:26px;
    }
    .whatsapp-tooltip{
        display:none;
    }
}

@media(prefers-reduced-motion:reduce){
    .whatsapp-float{transition:none;animation:none}
    .whatsapp-float:hover{transform:none}
}