/* Widgetul de chat: ancorare in fereastra + animatiile avatarului.
   Pozitia (stanga/dreapta) vine din --chatbot-left / --chatbot-right, setate pe #ai-chatbot-container. */
/* Chatbot: ancorat de fereastra, ca sa fie mereu vizibil, la fel ca vechea iconita */
#ai-chatbot-container {
    position: fixed !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 99999 !important;
}
#ai-chatbot-bubble,
#ai-chatbot-window {
    pointer-events: auto !important;
    position: fixed !important;
    bottom: 28px !important;
    z-index: 99999 !important;
}
#ai-chatbot-bubble {
    left: var(--chatbot-left) !important;
    right: var(--chatbot-right) !important;
}
#ai-chatbot-window {
    left: var(--chatbot-left) !important;
    right: var(--chatbot-right) !important;
}
/* Avatarul chatbotului: animatiile din avatar.html */
@keyframes avatar-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
@keyframes avatar-blink {
    0%, 90%, 100% { transform: scaleY(1); opacity: 1; }
    95% { transform: scaleY(0.1); opacity: 0.7; }
}
@keyframes avatar-radar {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(3); opacity: 0; }
}
@keyframes avatar-pulse-glow {
    0% { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.4); }
    70% { box-shadow: 0 0 0 8px rgba(234, 88, 12, 0); }
    100% { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0); }
}
@keyframes avatar-typing-shake {
    0% { transform: translateY(0); }
    25% { transform: translateY(1px); }
    50% { transform: translateY(-1px); }
    75% { transform: translateY(1px); }
    100% { transform: translateY(0); }
}
@keyframes avatar-paper-rise {
    0% { transform: translateY(2px); }
    100% { transform: translateY(-2px); }
}
#ai-chatbot-bubble.avatar-container {
    border: 3px solid #ea580c;
    padding: 0;
    overflow: visible !important;
    animation: avatar-pulse-glow 3s infinite;
}
#ai-chatbot-bubble .avatar-svg {
    animation: avatar-float 6s ease-in-out infinite;
    overflow: visible !important;
}
#ai-chatbot-bubble .avatar-glasses,
#ai-chatbot-bubble .avatar-newspaper,
#ai-chatbot-bubble .avatar-typewriter {
    transform-origin: 50% 50%;
}
#ai-chatbot-bubble .avatar-eye {
    transform-origin: center;
    animation: avatar-blink 4s infinite;
}
#ai-chatbot-bubble .avatar-radar {
    transform-origin: 50% 2%;
    animation: avatar-radar 2s infinite linear;
}
#ai-chatbot-bubble .avatar-glasses {
    transform: translateY(-30px);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#ai-chatbot-bubble.listening-mode .avatar-glasses,
#ai-chatbot-bubble.searching-mode .avatar-glasses {
    transform: translateY(0) !important;
    opacity: 1 !important;
}
#ai-chatbot-bubble .avatar-newspaper {
    transform: translateY(50px) scale(0.5);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#ai-chatbot-bubble.searching-mode .avatar-newspaper {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
}
#ai-chatbot-bubble .avatar-typewriter {
    transform: translateY(50px) scale(0.5);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#ai-chatbot-bubble.typing-mode .avatar-typewriter {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
}
#ai-chatbot-bubble.typing-mode .avatar-typewriter-body {
    animation: avatar-typing-shake 0.2s infinite;
}
#ai-chatbot-bubble.typing-mode .avatar-typewriter-paper {
    animation: avatar-paper-rise 2s infinite linear;
}
#ai-chatbot-bubble.typing-mode .avatar-pupils {
    transform: translateY(3px);
    transition: transform 0.3s;
}
/* Avatarul din antetul ferestrei de chat: aceleasi stari ca bula (cauta = ziar, scrie = masina de scris) */
#ai-chatbot-header-avatar .avatar-glasses {
    transform: translateY(-30px);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#ai-chatbot-header-avatar.listening-mode .avatar-glasses,
#ai-chatbot-header-avatar.searching-mode .avatar-glasses {
    transform: translateY(0) !important;
    opacity: 1 !important;
}
#ai-chatbot-header-avatar .avatar-newspaper {
    transform: translateY(50px) scale(0.5);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#ai-chatbot-header-avatar.searching-mode .avatar-newspaper {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
}
#ai-chatbot-header-avatar .avatar-typewriter {
    transform: translateY(50px) scale(0.5);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#ai-chatbot-header-avatar.typing-mode .avatar-typewriter {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
}
#ai-chatbot-header-avatar.typing-mode .avatar-typewriter-body {
    animation: avatar-typing-shake 0.2s infinite;
}
#ai-chatbot-header-avatar.typing-mode .avatar-typewriter-paper {
    animation: avatar-paper-rise 2s infinite linear;
}
#ai-chatbot-header-avatar.typing-mode .avatar-pupils {
    transform: translateY(3px);
    transition: transform 0.3s;
}
#ai-chatbot-header-avatar,
#ai-chatbot-header-avatar svg {
    overflow: visible !important;
}
#ai-chatbot-header-avatar .avatar-glasses,
#ai-chatbot-header-avatar .avatar-newspaper,
#ai-chatbot-header-avatar .avatar-typewriter {
    transform-origin: 50% 50%;
}
@media (max-width: 768px) {
    #ai-chatbot-bubble,
    #ai-chatbot-window {
        bottom: 28px !important;
    }
}