/* ========================================================================
   WHATSAPP FLOATING BUTTON - Mobile Adjustments
   ======================================================================== */

/* Mobile adjustment - move up less since bottom toolbar is hidden */
@media (max-width: 767px) {
    .floating_whatsapp {
        bottom: 20px !important; /* Same as desktop - no bottom bar anymore */
        left: 16px !important;
        z-index: 998 !important; /* Below fixed header (999) */
    }

    /* Make button slightly smaller on mobile */
    .contact_button {
        padding: 10px 16px !important;
        border-radius: 25px !important;
    }

    .contact_button i {
        font-size: 22px !important;
    }

    .contact_button span {
        font-size: 14px !important;
    }
}

/* Tablet adjustment */
@media (min-width: 768px) and (max-width: 1149px) {
    .floating_whatsapp {
        bottom: 30px !important;
    }
}

/* Ensure button doesn't interfere with fixed header scrolling */
@media (max-width: 767px) {
    body.scrolling .floating_whatsapp {
        opacity: 0.9 !important;
    }
}