/* Social Chat Widget Floater Styles */
.social-chat-floater {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 999; /* Below critical loaders but above page content */
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Positioning */
.social-chat-bottom-right {
    right: 20px;
    bottom: 88px; /* Offset to clear the sticky CTA bar on mobile */
}

.social-chat-bottom-left {
    left: 20px;
    bottom: 88px; /* Offset to clear the sticky CTA bar on mobile */
}

/* Floating button base style */
.social-chat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, background 0.3s ease;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}

/* SVG icon sizing */
.social-chat-svg {
    width: 26px;
    height: 26px;
}

/* WhatsApp brand theme */
.social-chat-whatsapp {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
}

.social-chat-whatsapp:hover {
    background: linear-gradient(135deg, #2cf478 0%, #17a393 100%);
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35), 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Messenger brand theme */
.social-chat-messenger {
    background: linear-gradient(135deg, #0084FF 0%, #00C6FF 100%);
}

.social-chat-messenger:hover {
    background: linear-gradient(135deg, #1a90ff 0%, #1ad1ff 100%);
    box-shadow: 0 8px 24px rgba(0, 132, 255, 0.35), 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Hover and active micro-animations */
.social-chat-btn:hover {
    transform: scale(1.12) translateY(-2px);
}

.social-chat-btn:active {
    transform: scale(0.95) translateY(0);
}

/* Add pulsing visual cue to first button */
.social-chat-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    animation: social-chat-pulse 2s infinite;
    pointer-events: none;
}

.social-chat-whatsapp::after {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
}

.social-chat-messenger::after {
    box-shadow: 0 0 0 0 rgba(0, 132, 255, 0.5);
}

@keyframes social-chat-pulse {
    0% {
        transform: scale(0.98);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.25);
        opacity: 0;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .social-chat-bottom-right {
        right: 16px;
        bottom: 84px;
    }
    .social-chat-bottom-left {
        left: 16px;
        bottom: 84px;
    }
    .social-chat-btn {
        width: 48px;
        height: 48px;
    }
    .social-chat-svg {
        width: 22px;
        height: 22px;
    }
}