/* ElevenLabs ConvAI Widget Animation */
@keyframes bounceUpDown {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
}

@keyframes floatUpDown {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes gentleBounce {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}

@keyframes scaleInWidth {
    0% {
        transform: scaleY(0);
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes scaleInWidthThenFloat {
    0% {
        transform: scaleX(0) translateY(0px);
        opacity: 0;
    }
    30% {
        transform: scaleX(1) translateY(0px);
        opacity: 1;
    }
    65% {
        transform: scaleX(1) translateY(-10px);
    }
    100% {
        transform: scaleX(1) translateY(0px);
    }
}

/* Apply animation to the ConvAI widget */
elevenlabs-convai {
    display: block !important;
    animation: scaleInWidth 1.5s ease-out forwards, bounceUpDown 2s ease-in-out infinite 1.5s;
    transition: all 0.3s ease;
    transform-origin: center;
}

/* Alternative gentler animation */
elevenlabs-convai.gentle {
    animation: scaleInWidth 1.5s ease-out forwards, gentleBounce 2s ease-in-out infinite 1.5s;
    transform-origin: center;
}

/* Alternative floating animation */
elevenlabs-convai.float {
    animation: scaleInWidthThenFloat 3s ease-out forwards, floatUpDown 2.5s ease-in-out infinite 3s;
    transform-origin: center;
}

/* Scale-in only (no continuous animation) */
elevenlabs-convai.scale-only {
    animation: scaleInWidth 1.5s ease-out forwards;
    transform-origin: center;
}

/* Scale-in with floating animation */
elevenlabs-convai.scale-float {
    animation: scaleInWidth 1.5s ease-out forwards, floatUpDown 2.5s ease-in-out infinite 1.5s;
    transform-origin: center;
}

/* Pause animation on hover */
elevenlabs-convai:hover {
    animation-play-state: paused;
}

/* Hide the 'Powered by ElevenAgents' branding */
elevenlabs-convai [class*="opacity-30"],
elevenlabs-convai [class*="opacity-50"],
elevenlabs-convai span[class*="opacity"]:contains("Powered by"),
elevenlabs-convai *[class*="text-"]:contains("Powered by"),
elevenlabs-convai *:contains("Powered by ElevenAgents"),
elevenlabs-convai *:contains("ElevenAgents") {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* More specific targeting for the branding element */
elevenlabs-convai div[class*="opacity-30"],
elevenlabs-convai span[class*="opacity-30"],
elevenlabs-convai a[href*="elevenlabs.io"],
elevenlabs-convai a[href*="agents"] {
    display: none !important;
}

/* Hide any element containing 'Powered by' text */
elevenlabs-convai *[class*="text-xs"],
elevenlabs-convai *[class*="text-sm"]:has-text("Powered"),
elevenlabs-convai div:has(span:contains("Powered by")) {
    display: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    elevenlabs-convai {
        animation: gentleBounce 2.5s ease-in-out infinite;
    }
}