/* DM Chat Anti-Ban - Mobile Button & Animations */

/* Desktop par mukammal hide karein (Sirf mobile par show hoga) */
@media screen and (min-width: 769px) {
    #dm-cab-button-wrapper {
        display: none !important;
    }
}

/* Mobile View Container */
@media screen and (max-width: 768px) {
    #dm-cab-button-wrapper {
        position: fixed;
        z-index: 999999;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
        -webkit-tap-highlight-color: transparent;
    }

    /* Apple-styled Floating Action Button */
    .dm-cab-apple-btn {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: linear-gradient(145deg, #25D366, #128C7E);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        text-decoration: none;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4), 
                    0 2px 6px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), 
                    box-shadow 0.2s ease;
    }

    /* Apple Touch Reaction (Haptic feel) */
    .dm-cab-apple-btn:active {
        transform: scale(0.90) !important;
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
    }

    /* WhatsApp Default SVG Icon */
    .dm-cab-wa-icon {
        width: 32px;
        height: 32px;
        fill: #ffffff;
        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
    }

    /* Custom PNG Image Support */
    .dm-cab-custom-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        display: block;
    }

    /* =========================================
       ANIMATIONS
       ========================================= */

    /* 1. Pulse (Gentle rhythmic heartbeat) */
    .dm-cab-anim-pulse {
        animation: dmCabPulse 2s infinite ease-in-out;
    }

    @keyframes dmCabPulse {
        0%, 100% {
            transform: scale(1);
            box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);
        }
        50% {
            transform: scale(1.08);
            box-shadow: 0 12px 28px rgba(37, 211, 102, 0.6);
        }
    }

    /* 2. Bounce (Attention grabber) */
    .dm-cab-anim-bounce {
        animation: dmCabBounce 2.5s infinite ease-in-out;
    }

    @keyframes dmCabBounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-10px);
        }
        60% {
            transform: translateY(-5px);
        }
    }

    /* 3. Shake (Vibration / Ping) */
    .dm-cab-anim-shake {
        animation: dmCabShake 3s infinite ease-in-out;
    }

    @keyframes dmCabShake {
        0%, 85%, 100% {
            transform: rotate(0deg);
        }
        88% {
            transform: rotate(-10deg);
        }
        91% {
            transform: rotate(10deg);
        }
        94% {
            transform: rotate(-8deg);
        }
        97% {
            transform: rotate(8deg);
        }
    }
}