/**
 * Fix pour le sélecteur de langue - Visibilité quand le chatbox est déplié
 * Problème: Le sélecteur est caché quand on déplie le chatbox depuis l'état minimisé
 * Date: 2026-02-24
 */

/* S'assurer que le sélecteur reste visible dans le header */
#ubnbee_lang_selector {
    position: absolute !important;
    right: 75px !important;
    top: 15px !important;
    z-index: 10001 !important; /* Au-dessus du reste */
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Quand le chatbox est visible, forcer l'affichage du sélecteur */
#ubnbee_chatbox.visible #ubnbee_lang_selector {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* S'assurer que le header a la bonne position */
#ubnbee_chatbox .ubnbee_chat-header {
    position: relative !important;
    overflow: visible !important;
}

/* Menu dropdown toujours au-dessus */
#ubnbee_lang_menu {
    z-index: 10002 !important;
    position: absolute !important;
}

/* Fix pour mobile/tablette aussi */
@media (max-width: 768px) {
    #ubnbee_lang_selector {
        right: 75px !important;
        top: 12px !important;
        width: 24px !important;
        height: 24px !important;
    }

    #ubnbee_lang_menu {
        top: 45px !important;
        right: 20px !important;
        left: auto !important;
        max-width: calc(100vw - 40px) !important;
    }
}

/* Animation de transition pour éviter les problèmes de visibilité */
#ubnbee_chatbox {
    transition: all 0.3s ease;
}

#ubnbee_chatbox.visible #ubnbee_lang_selector {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
}