/* WhatsApp Float Button Override - Maximum Priority */
/* This file ensures WhatsApp button is ALWAYS visible */

/* Primary selectors with maximum specificity */
html body .whatsapp-float,
html body #whatsapp-float-btn,
body .whatsapp-float,
body #whatsapp-float-btn,
.whatsapp-float,
#whatsapp-float-btn {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    z-index: 2147483647 !important; /* Maximum z-index value */
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
    animation: whatsapp-bounce 2s infinite !important;
    transition: all 0.3s ease !important;
}

/* Override Bootstrap and other framework hiding classes */
.whatsapp-float.d-none,
.whatsapp-float.hidden,
.whatsapp-float.invisible,
#whatsapp-float-btn.d-none,
#whatsapp-float-btn.hidden,
#whatsapp-float-btn.invisible {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override any transform that might hide the button */
.whatsapp-float[style*="translateY"],
#whatsapp-float-btn[style*="translateY"] {
    transform: translateY(0) scale(1) !important;
}

/* Override any opacity settings */
.whatsapp-float[style*="opacity"],
#whatsapp-float-btn[style*="opacity"] {
    opacity: 1 !important;
}

/* Override any display settings */
.whatsapp-float[style*="display: none"],
#whatsapp-float-btn[style*="display: none"] {
    display: flex !important;
}

/* Scroll state overrides */
html.scrolling .whatsapp-float,
html.scrolling #whatsapp-float-btn,
body.scrolling .whatsapp-float,
body.scrolling #whatsapp-float-btn {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(0.95) !important;
}

/* AOS (Animate On Scroll) library override */
.whatsapp-float[data-aos],
#whatsapp-float-btn[data-aos] {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

/* Slick slider and other carousel overrides */
.slick-slide .whatsapp-float,
.carousel .whatsapp-float,
.slider .whatsapp-float {
    position: fixed !important;
    z-index: 2147483647 !important;
}

/* Mobile responsive overrides */
@media (max-width: 768px) {
    .whatsapp-float,
    #whatsapp-float-btn {
        bottom: 20px !important;
        right: 20px !important;
        gap: 8px !important;
    }
    
    .whatsapp-float a,
    #whatsapp-float-btn a {
        width: 55px !important;
        height: 55px !important;
    }
}

@media (max-width: 480px) {
    .whatsapp-float,
    #whatsapp-float-btn {
        bottom: 15px !important;
        right: 15px !important;
        gap: 6px !important;
    }
    
    .whatsapp-float a,
    #whatsapp-float-btn a {
        width: 50px !important;
        height: 50px !important;
    }
}

/* Print media - hide button when printing */
@media print {
    .whatsapp-float,
    #whatsapp-float-btn {
        display: none !important;
    }
}

/* Ensure button stays above modals and overlays */
.whatsapp-float,
#whatsapp-float-btn {
    z-index: 2147483647 !important;
}

/* Override any CSS framework that might interfere */
.bootstrap .whatsapp-float,
.tailwind .whatsapp-float,
.bulma .whatsapp-float,
.foundation .whatsapp-float {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}