/* Botão flutuante WhatsApp — só ícone, compacto */
.whatsapp-float {
    --wa-green: #25d366;
    --wa-green-dark: #1ebe57;

    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1080;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--wa-green);
    color: #fff !important;
    text-decoration: none !important;
    box-shadow:
        0 6px 18px rgba(37, 211, 102, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.16);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.whatsapp-float i {
    font-size: 1.35rem;
    line-height: 1;
}

.whatsapp-float:hover,
.whatsapp-float:focus-visible {
    background: var(--wa-green-dark);
    color: #fff !important;
    transform: translateY(-2px) scale(1.05);
    box-shadow:
        0 8px 22px rgba(37, 211, 102, 0.42),
        0 3px 8px rgba(0, 0, 0, 0.18);
    outline: none;
}

.whatsapp-float:active {
    transform: translateY(0) scale(0.96);
}

@media (max-width: 575.98px) {
    .whatsapp-float {
        right: 0.85rem;
        bottom: 0.85rem;
        width: 40px;
        height: 40px;
    }

    .whatsapp-float i {
        font-size: 1.25rem;
    }
}

body.modal-open .whatsapp-float,
body.swal2-shown .whatsapp-float {
    opacity: 0.35;
    pointer-events: none;
}