/* =========================
   Interface Full Chatbot Declic - CSS déplacé vers Elementor
   ========================= */

/* 
   ATTENTION : Ce fichier CSS n'est plus utilisé
   Tout le CSS du shortcode full est maintenant géré dans Elementor
   pour éviter les conflits et avoir un meilleur contrôle.
   
   Le CSS se trouve dans les paramètres CSS personnalisés d'Elementor
   avec les sélecteurs #chatbot-declic-full-container
*/

/* =========================
   POINTS DE CHARGEMENT - RÈGLES NÉCESSAIRES
   ========================= */

/* Indicateur de chargement */
.chatbot-full-loading {
    display: none;
    padding: 10px;
    color: #2563eb;
    font-size: 0.95em;
    letter-spacing: 2px;
    text-align: center;
    /* Annuler les styles hérités des messages */
    margin-bottom: 0 !important;
    padding: 10px !important;
    border-radius: 0 !important;
    font-size: 0.95em !important;
    box-shadow: none !important;
    word-break: normal !important;
    max-width: none !important;
    background: transparent !important;
    border: none !important;
}

.chatbot-full-loading .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    background: #2563eb;
    border-radius: 50%;
    opacity: 0.5;
    animation: chatbot-dot-bounce 1s infinite both;
}

.chatbot-full-loading .dot:nth-child(2) { 
    animation-delay: 0.2s; 
}

.chatbot-full-loading .dot:nth-child(3) { 
    animation-delay: 0.4s; 
}

@keyframes chatbot-dot-bounce {
    0%, 80%, 100% { 
        transform: translateY(0); 
        opacity: 0.5; 
    }
    40% { 
        transform: translateY(-7px); 
        opacity: 1; 
    }
}

/* Conteneur du message de chargement - annuler les styles hérités */
.chatbot-loading-message {
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: inherit !important;
    box-shadow: none !important;
    word-break: normal !important;
    max-width: none !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
}