/**
 * OVERRIDE ULTIME - Fichier CSS chargé en DERNIER pour le Moteur de Recherche IA
 * Nom du fichier "zzz_" pour être chargé après tous les autres fichiers
 * Résout le problème de la barre de recherche qui passe derrière le header-banner
 */

/* RÈGLE GLOBALE - Z-INDEX ULTIME pour la modal complète */
#ps-chatbot-search-modal,
div#ps-chatbot-search-modal,
html body #ps-chatbot-search-modal,
body #ps-chatbot-search-modal {
    z-index: 999999999 !important; /* 9 fois 9 pour maximum */
    position: fixed !important;
}

/* TOUS les éléments à l'intérieur de la 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-modal-close,
#ps-chatbot-search-modal #ps-chatbot-modal-search-form,
#ps-chatbot-search-modal #ps-chatbot-modal-search-input,
#ps-chatbot-search-modal .ps-chatbot-modal-search-input,
#ps-chatbot-search-modal #ps-chatbot-modal-search-btn,
#ps-chatbot-search-modal .ps-chatbot-modal-search-btn,
#ps-chatbot-search-modal .ps-chatbot-modal-history,
#ps-chatbot-search-modal .ps-chatbot-modal-history-item,
#ps-chatbot-search-modal .ps-chatbot-suggested-products,
#ps-chatbot-search-modal .ps-chatbot-products-grid,
#ps-chatbot-search-modal .ps-chatbot-product-card {
    z-index: 999999999 !important;
}

/* Spécifique pour mobile - surpasse header-banner du thème planteetnature */
@media screen and (max-width: 767px) {
    #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-modal-search-form,
    #ps-chatbot-search-modal #ps-chatbot-modal-search-input {
        z-index: 999999999 !important;
        position: fixed !important;
    }

    /* Assure que même les éléments avec position: absolute restent au-dessus */
    #ps-chatbot-search-modal input,
    #ps-chatbot-search-modal button,
    #ps-chatbot-search-modal select,
    #ps-chatbot-search-modal textarea,
    #ps-chatbot-search-modal div,
    #ps-chatbot-search-modal span,
    #ps-chatbot-search-modal a {
        z-index: 999999999 !important;
    }
}

/* Protection contre les éléments avec z-index inline très élevé */
#ps-chatbot-search-modal[style*="z-index"],
#ps-chatbot-search-modal .ps-chatbot-modal-content[style*="z-index"],
#ps-chatbot-search-modal .ps-chatbot-modal-header[style*="z-index"],
#ps-chatbot-search-modal .ps-chatbot-modal-body[style*="z-index"] {
    z-index: 999999999 !important;
}

/* Sélecteur ultra-spécifique pour contrer les thèmes récalcitrants */
html body div#ps-chatbot-search-modal.ps-chatbot-modal div.ps-chatbot-modal-content div.ps-chatbot-modal-header,
html body div#ps-chatbot-search-modal.ps-chatbot-modal div.ps-chatbot-modal-content div.ps-chatbot-modal-body,
html body div#ps-chatbot-search-modal.ps-chatbot-modal div.ps-chatbot-modal-content form#ps-chatbot-modal-search-form,
html body div#ps-chatbot-search-modal.ps-chatbot-modal div.ps-chatbot-modal-content form#ps-chatbot-modal-search-form input#ps-chatbot-modal-search-input {
    z-index: 999999999 !important;
    position: relative !important;
}