/* LeadConnect Pro - Pulse Ring Animation v7 */

@keyframes lcp-pulse-ring {
    0%   { transform: scale(1);    opacity: 0.7; }
    60%  { transform: scale(1.7);  opacity: 0;   }
    100% { transform: scale(1.7);  opacity: 0;   }
}

@keyframes lcp-pulse-btn {
    0%   { transform: scale(1);    }
    12%  { transform: scale(1.09); }
    24%  { transform: scale(1);    }
    100% { transform: scale(1);    }
}

/* Force overflow visible so ring shows outside button */
.lcp-container,
body .lcp-container {
    overflow: visible !important;
}

/* Button pulse */
body .lcp-container .lcp-btn {
    animation: lcp-pulse-btn 2.5s ease-in-out infinite !important;
    overflow: visible !important;
}

/* Ring using ::after (not ::before to avoid conflict) */
body .lcp-container .lcp-btn::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    background-color: inherit !important;
    animation: lcp-pulse-ring 2.5s ease-out infinite !important;
    z-index: -1 !important;
    pointer-events: none !important;
    display: block !important;
}

/* Stagger delays */
body .lcp-container .lcp-btn:nth-child(1) { animation-delay: 0s !important; }
body .lcp-container .lcp-btn:nth-child(1)::after { animation-delay: 0s !important; }
body .lcp-container .lcp-btn:nth-child(2) { animation-delay: 0.6s !important; }
body .lcp-container .lcp-btn:nth-child(2)::after { animation-delay: 0.6s !important; }
body .lcp-container .lcp-btn:nth-child(3) { animation-delay: 1.2s !important; }
body .lcp-container .lcp-btn:nth-child(3)::after { animation-delay: 1.2s !important; }
body .lcp-container .lcp-btn:nth-child(4) { animation-delay: 1.8s !important; }
body .lcp-container .lcp-btn:nth-child(4)::after { animation-delay: 1.8s !important; }

/* Hover pause */
body .lcp-container .lcp-btn:hover,
body .lcp-container .lcp-btn:hover::after {
    animation-play-state: paused !important;
}
body .lcp-container .lcp-btn:hover {
    transform: scale(1.12) !important;
}

@media (max-width: 480px) {
    .lcp-container { bottom: 16px !important; gap: 12px !important; }
}