/**
 * Solution SIMPLE et SÛRE pour le z-index de la modal
 * Ne casse pas le thème, élève seulement notre modal
 */

/* NOTRE MODAL - Z-INDEX TRÈS ÉLEVÉ MAIS RAISONNABLE */
#ps-chatbot-search-modal {
    z-index: 999999999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.6) !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

/* TOUS les éléments de notre modal */
#ps-chatbot-search-modal,
#ps-chatbot-search-modal *,
#ps-chatbot-search-modal .ps-chatbot-modal-content,
#ps-chatbot-search-modal .ps-chatbot-modal-header,
#ps-chatbot-search-modal .ps-chatbot-modal-body,
#ps-chatbot-search-modal .ps-chatbot-search-bar,
#ps-chatbot-search-modal .ps-chatbot-search-input-wrapper,
#ps-chatbot-search-modal .ps-chatbot-search-input,
#ps-chatbot-search-modal .ps-chatbot-search-button,
#ps-chatbot-search-modal #ps-chatbot-modal-search-btn,
#ps-chatbot-search-modal form,
#ps-chatbot-search-modal input,
#ps-chatbot-search-modal button,
#ps-chatbot-search-modal div,
#ps-chatbot-search-modal span,
#ps-chatbot-search-modal h1,
#ps-chatbot-search-modal h2,
#ps-chatbot-search-modal h3,
#ps-chatbot-search-modal h4,
#ps-chatbot-search-modal p {
    z-index: 999999999 !important;
}

/* SÉLECTEURS ULTRA-SPÉCIFIQUES pour notre modal */
html body div#ps-chatbot-search-modal,
html body div#ps-chatbot-search-modal.ps-chatbot-modal-overlay,
html body div#ps-chatbot-search-modal.ps-chatbot-modal-container,
html body div#ps-chatbot-search-modal div.ps-chatbot-modal-content,
html body div#ps-chatbot-search-modal div.ps-chatbot-modal-content div.ps-chatbot-modal-header,
html body div#ps-chatbot-search-modal div.ps-chatbot-modal-content div.ps-chatbot-modal-body,
html body div#ps-chatbot-search-modal div.ps-chatbot-modal-content div.ps-chatbot-search-bar,
html body div#ps-chatbot-search-modal div.ps-chatbot-modal-content form#ps-chatbot-modal-search-form,
html body div#ps-chatbot-search-modal div.ps-chatbot-modal-content form#ps-chatbot-modal-search-form input#ps-chatbot-modal-search-input,
html body div#ps-chatbot-search-modal div.ps-chatbot-modal-content form#ps-chatbot-modal-search-form button#ps-chatbot-modal-search-btn {
    z-index: 999999999 !important;
    position: relative !important;
}

/* FORÇAGE pour la visibilité absolue */
#ps-chatbot-search-modal[style*="display: flex"],
#ps-chatbot-search-modal.show,
#ps-chatbot-search-modal.visible,
#ps-chatbot-search-modal.active {
    z-index: 999999999 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* MOBILE - Renforcement pour les appareils mobiles */
@media screen and (max-width: 768px) {
    #ps-chatbot-search-modal {
        z-index: 999999999 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        padding: 10px !important;
    }

    #ps-chatbot-search-modal .ps-chatbot-modal-content {
        z-index: 999999999 !important;
        max-width: calc(100vw - 20px) !important;
        width: calc(100vw - 20px) !important;
        margin: 0 !important;
        max-height: calc(100vh - 20px) !important;
    }
}