/* ============================================
   CONVERSION OPTIMIZATION STYLES
   ============================================ */

/* 1. Exit Intent Popup */
.conv-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(5, 10, 31, 0.9); backdrop-filter: blur(10px);
    z-index: 2000; display: none; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.4s ease;
}
.conv-modal.active { display: flex; opacity: 1; }
.conv-card {
    background: white; border-radius: 32px; padding: 3.5rem; max-width: 550px; width: 90%;
    text-align: center; position: relative; transform: scale(0.9); transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 50px 100px rgba(0, 86, 255, 0.3);
}
.conv-modal.active .conv-card { transform: scale(1); }
.conv-close { position: absolute; top: 1.5rem; right: 1.5rem; font-size: 1.5rem; cursor: pointer; color: #cbd5e1; }

.conv-badge { background: #f0f7ff; color: #0056ff; padding: 6px 15px; border-radius: 50px; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; margin-bottom: 1rem; display: inline-block; }
.conv-title { font-size: 2rem; font-weight: 900; color: #050a1f; margin-bottom: 1rem; line-height: 1.1; }
.conv-desc { color: #64748b; margin-bottom: 2rem; line-height: 1.6; }

/* 3. WhatsApp Pricing Trick */
.wa-trick {
    position: fixed; bottom: 30px; left: 30px; background: white;
    padding: 1.5rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    z-index: 1000; max-width: 300px; transform: translateX(-150%);
    transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    border-left: 5px solid #25D366;
}
.wa-trick.active { transform: translateX(0); }

/* Buttons & Inputs */
.conv-input { width: 100%; padding: 1rem 1.5rem; border-radius: 12px; border: 1px solid #e2e8f0; margin-bottom: 1rem; font-family: inherit; font-size: 1rem; }
.conv-btn { width: 100%; background: #0056ff; color: white; border: none; padding: 1.1rem; border-radius: 12px; font-weight: 800; cursor: pointer; transition: 0.3s; }
.conv-btn:hover { background: #0044cc; transform: translateY(-2px); }

/* 4. Sticky Bottom Conversion Banner */
.scroll-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, #fff3f3 0%, #f0f5ff 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1.5px solid rgba(0, 86, 255, 0.12);
    padding: 0.9rem 0;
    z-index: 9995; /* Just below our main Floating Action Buttons */
    box-shadow: 0 -10px 40px rgba(0, 86, 255, 0.08);
    transform: translateY(100%);
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    color: #050a1f;
}

.scroll-banner.active {
    transform: translateY(0);
}

/* --- Floating Widgets Anti-Collision Engine --- */
/* Add smooth base transitions to bottom-aligned FABs */
.wa-floating-btn, 
#sarika-launcher, 
.voice-bot-launcher {
    transition: bottom 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Shift floating widgets up by 80px when the conversion banner is active */
body.scroll-banner-active .wa-floating-btn {
    bottom: calc(2rem + 75px) !important;
}

body.scroll-banner-active #sarika-launcher {
    bottom: calc(2rem + 75px) !important;
}

body.scroll-banner-active .voice-bot-launcher {
    bottom: calc(2.2rem + 75px) !important;
}

/* Mobile Screen Adjustments for Floating Widgets & Banner */
@media (max-width: 768px) {
    body.scroll-banner-active .wa-floating-btn {
        bottom: calc(1.5rem + 110px) !important; /* Pushes up more on mobile to clear the wrapped banner height */
    }
    
    body.scroll-banner-active .voice-bot-launcher {
        bottom: calc(1.5rem + 110px) !important;
    }
    
    body.scroll-banner-active #sarika-launcher {
        bottom: calc(1.5rem + 110px) !important;
    }

    .scroll-banner {
        padding: 0.8rem 0;
    }
    
    .scroll-banner .container {
        justify-content: center !important;
        text-align: center !important;
        gap: 0.6rem !important;
    }
}