/*your custom css goes here*/

/* Fix overlapping floating icons */
.back-to-top {
    z-index: 9999 !important;
    bottom: 80px !important;
    right: 20px !important;
}

/* Position WhatsApp widget just above scroll button */
.sc-q8c6tt-1.deQKmp {
    position: fixed !important;
    bottom: 140px !important;
    right: 20px !important;
    z-index: 9998 !important;
}

/* Alternative selectors for WhatsApp widget */
div[color="#4dc247"][size="50"] {
    position: fixed !important;
    bottom: 140px !important;
    right: 20px !important;
    z-index: 9998 !important;
}

/* Remove ALL "Message Us" pseudo-elements everywhere */
.sc-q8c6tt-1.deQKmp::before,
.sc-q8c6tt-1.deQKmp::after,
.sc-q8c6tt-0.hrNwue::before,
.sc-q8c6tt-0.hrNwue::after,
div[color="#4dc247"]::before,
div[color="#4dc247"]::after,
a[href*="wa.me"]::before,
a[href*="wa.me"]::after,
a[href*="whatsapp"]::before,
a[href*="whatsapp"]::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
    .back-to-top {
        bottom: 90px !important;
        right: 25px !important;
        width: 45px !important;
        height: 45px !important;
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    
    .sc-q8c6tt-1.deQKmp,
    div[color="#4dc247"][size="50"] {
        bottom: 160px !important;
        right: 25px !important;
        width: 50px !important;
        height: 50px !important;
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    
    /* Safari-specific fixes */
    @supports (-webkit-touch-callout: none) {
        .back-to-top {
            position: fixed !important;
            bottom: 80px !important;
            right: 25px !important;
            -webkit-backface-visibility: hidden !important;
            backface-visibility: hidden !important;
            z-index: 9999 !important;
        }
        
        .sc-q8c6tt-1.deQKmp,
        div[color="#4dc247"][size="50"] {
            position: fixed !important;
            bottom: 170px !important;
            right: 25px !important;
            -webkit-backface-visibility: hidden !important;
            backface-visibility: hidden !important;
            z-index: 9998 !important;
        }
        
        /* Extra spacing for iOS Safari */
        _::-webkit-full-page-media, _:future, :root .sc-q8c6tt-1.deQKmp {
            bottom: 180px !important;
        }
        
        _::-webkit-full-page-media, _:future, :root .back-to-top {
            bottom: 75px !important;
        }
    }
    
    /* Hide "Message Us" text on mobile */
    .sc-q8c6tt-1.deQKmp::before,
    .sc-q8c6tt-1.deQKmp::after {
        display: none !important;
        content: none !important;
    }
    
    /* Ensure no overlap on very small screens */
    body {
        padding-bottom: 120px !important;
    }
    
    /* Fix mobile bottom navigation bar */
    .mobile-bottom-nav, 
    .bottom-nav,
    .mobile-nav-bottom,
    .sticky-bottom-nav,
    [class*="bottom-nav"],
    [class*="mobile-nav"] {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 10000 !important;
        background: white !important;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
    }
    
    /* Add safe area for devices with home indicator */
    .mobile-bottom-nav, 
    .bottom-nav,
    .mobile-nav-bottom,
    .sticky-bottom-nav {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
    
    /* Remove white space at bottom of footer on mobile */
    footer,
    .footer,
    [class*="footer"] {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Ensure content doesn't have extra bottom spacing */
    .main-content,
    .page-content,
    .content-wrapper {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Remove body bottom padding that might be causing white space */
    body {
        padding-bottom: 70px !important; /* Just enough for mobile nav */
    }
}

/* Ensure floating buttons don't interfere */
.floating-buttons-section {
    z-index: 1046 !important;
}

/* Safari-specific override for WhatsApp and Scroll buttons */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari on all devices */
    .back-to-top {
        position: fixed !important;
        bottom: 70px !important;
        right: 25px !important;
        z-index: 99999 !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
    
    .sc-q8c6tt-1.deQKmp,
    .sc-q8c6tt-1,
    div[color="#4dc247"][size="50"],
    div[color="#4dc247"] {
        position: fixed !important;
        bottom: 180px !important;
        right: 25px !important;
        z-index: 99998 !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
    
    /* Force positioning on Safari mobile */
    @supports (-webkit-overflow-scrolling: touch) {
        .back-to-top {
            bottom: 70px !important;
        }
        
        .sc-q8c6tt-1.deQKmp,
        .sc-q8c6tt-1,
        div[color="#4dc247"] {
            bottom: 200px !important;
        }
    }
}

/* Add white background to backend admin logo */
.aiz-sidebar .aiz-side-nav-logo-wrap {
    background-color: #ffffff !important;
    padding: 15px !important;
    margin: 0 !important;
    border-bottom: 1px solid #e2e5ec !important;
}

.aiz-sidebar .aiz-side-nav-logo-wrap a {
    background-color: #ffffff !important;
    padding: 10px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
}

.aiz-sidebar .aiz-side-nav-logo-wrap img,
.aiz-side-nav-logo-wrap img.mw-100 {
    background-color: #ffffff !important;
    padding: 8px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    max-height: 45px !important;
    width: auto !important;
}