/* ── Button ── */
#wdxp-toggle:hover { transform:scale(1.07) !important; }

@keyframes wdxpPulse {
    0%,100% { box-shadow:0 4px 24px rgba(108,99,255,0.35); }
    50%      { box-shadow:0 4px 32px rgba(108,99,255,0.65), 0 0 0 8px rgba(108,99,255,0.12); }
}

/* ── Chat window slide-in ── */
#wdxp-chat-window { animation:wdxpSlideIn .22s ease; }
@keyframes wdxpSlideIn {
    from { opacity:0; transform:scale(0.96) translateY(8px); }
    to   { opacity:1; transform:scale(1) translateY(0); }
}

/* ── Scrollbar ── */
#wdxp-messages::-webkit-scrollbar       { width:4px; }
#wdxp-messages::-webkit-scrollbar-track { background:transparent; }
#wdxp-messages::-webkit-scrollbar-thumb { background:#d0d0e8; border-radius:4px; }

/* ── Typing dots ── */
.wdxp-dot {
    display:inline-block; width:7px; height:7px;
    border-radius:50%; background:#bbb; margin:0 2px;
    animation:wdxpBounce 1.2s infinite;
}
.wdxp-dot:nth-child(2) { animation-delay:.2s; }
.wdxp-dot:nth-child(3) { animation-delay:.4s; }
@keyframes wdxpBounce {
    0%,80%,100% { transform:translateY(0); }
    40%          { transform:translateY(-5px); }
}

/* ── Input focus ── */
#wdxp-input:focus           { border-color:#6C63FF !important; }
#wdxp-lead-form input:focus { border-color:#6C63FF !important; outline:none; }

/* ════════════════════════════════════════════
   📱 MOBILE — full screen overlay
   সব position-এ কাজ করবে
   ════════════════════════════════════════════ */
@media (max-width: 600px) {

    /* Wrap — fixed bottom-right always on mobile */
    #wdxp-chat-wrap {
        position: fixed !important;
        bottom:    20px !important;
        right:     20px !important;
        left:      auto !important;
        top:       auto !important;
        transform: none !important;
    }

    /* Chat window — full screen, float above everything */
    #wdxp-chat-window {
        position: fixed !important;
        top:      0     !important;
        left:     0     !important;
        right:    0     !important;
        bottom:   0     !important;

        /* Override any inline positioning */
        margin:   0     !important;
        width:    100%  !important;
        height:   100%  !important;
        max-height: 100% !important;

        border-radius: 0 !important;
        box-shadow:    none !important;

        /* Reset transforms from desktop middle positions */
        transform: none !important;

        /* Safe area for notch/home bar */
        padding-top:    env(safe-area-inset-top)    !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    /* Messages fill remaining space */
    #wdxp-messages {
        flex: 1 1 auto !important;
        min-height: 0  !important;
        max-height: none !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Prevent iOS zoom on input */
    #wdxp-input,
    #wdxp-lead-form input {
        font-size: 16px !important;
    }

    /* Bigger send button — easier touch */
    #wdxp-send {
        padding: 11px 18px !important;
        font-size: 14px   !important;
    }

    /* Bigger submit button */
    #wdxp-submit-lead {
        padding: 13px !important;
        font-size: 15px !important;
    }

    /* No hover scale on mobile */
    #wdxp-toggle:hover { transform: none !important; }
    #wdxp-toggle:active { transform: scale(0.95) !important; }

}

/* ── Tablet ── */
@media (min-width:601px) and (max-width:768px) {
    #wdxp-chat-window {
        width: 320px !important;
    }
}