/**
 * Correction de la structure et z-index du header
 * Fixes pour Plantes et Nature - espacement bannière et z-index barre de recherche
 */

/* CORRECTION Z-INDEX - Éléments du header qui doivent rester au premier plan */
#header .header-top .row {
    z-index: 9999 !important;
}

/* CORRECTION - Barre de navigation fixe au scroll */
.fixedmenu,
.fixed-menu,
.navbar-fixed-top,
.header-nav.fixed,
#header.fixed,
.sticky-header {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

/* CORRECTION - Barre contenant logo et recherche */
#header .header-nav,
.header-main,
.navbar,
.top-navbar,
.main-navbar {
    z-index: 9999 !important;
    position: relative !important;
}

/* CORRECTION - Menu déroulant et éléments de navigation */
.dropdown-menu,
.nav-dropdown,
.menu-dropdown,
.top-menu,
.main-menu {
    z-index: 10000 !important;
}

/* ESPACEMENT VERTICAL - Ajouter de l'espace pour la bannière */
.header-banner,
.banner-top,
.top-banner,
.promotional-banner {
    margin-bottom: 10px !important;
    min-height: 40px !important;
    padding: 8px 0 !important;
    z-index: 8999 !important;
}

/* ESPACEMENT - Entre header-top et header-nav */
#header .header-top {
    margin-bottom: 10px !important;
    z-index: 8999 !important;
}

/* ESPACEMENT - Header nav pour laisser place à la bannière */
#header .header-nav {
    margin-top: 10px !important;
    z-index: 9999 !important;
}

/* CORRECTION MOBILE - Z-index pour le responsive */
@media (max-width: 991px) {
    #header .header-top .row {
        z-index: 9999 !important;
        position: relative !important;
    }

    /* ESPACEMENT MOBILE - Plus d'espace pour la bannière */
    .header-banner,
    .banner-top,
    .top-banner {
        margin-bottom: 15px !important;
        min-height: 50px !important;
        padding: 12px 0 !important;
    }

    /* CORRECTION MOBILE - Menu burger et navigation */
    .navbar-toggler,
    .mobile-menu-toggle,
    .hamburger-menu {
        z-index: 10001 !important;
    }

    /* CORRECTION MOBILE - Menu déroulant mobile */
    .mobile-menu,
    .offcanvas,
    .sidebar-menu {
        z-index: 10002 !important;
    }
}

/* CORRECTION - Éléments de recherche dans le header */
.search-widget,
.header-search,
.top-search,
#search_widget {
    z-index: 9999 !important;
    position: relative !important;
}

/* CORRECTION - Autocomplete et suggestions de recherche */
.search-suggestions,
.search-autocomplete,
.search-dropdown,
.tt-search .tt-menu {
    z-index: 10003 !important;
    position: absolute !important;
}

/* CORRECTION - Panier et éléments du header */
.blockcart,
.cart-widget,
.header-cart,
.shopping-cart {
    z-index: 9999 !important;
}

/* CORRECTION - Langues et devises */
.language-selector,
.currency-selector,
.header-selectors {
    z-index: 9999 !important;
}

/* ESPACEMENT SPÉCIFIQUE - Pour le thème Plantes et Nature */
.header-top .topmenu {
    margin-bottom: 15px !important;
}

/* CORRECTION - Logo et container principal */
#_desktop_logo,
#_mobile_logo,
.logo,
.site-logo {
    z-index: 9999 !important;
    position: relative !important;
}

/* CORRECTION GLOBALE - Container du header */
#header,
.site-header,
.main-header {
    z-index: 9998 !important;
    position: relative !important;
}

/* EXCEPTION - Notre modal reste au-dessus de tout */
#ps-chatbot-search-modal {
    z-index: 999999999 !important;
}

/* CORRECTION - Animation de menu fixe */
@keyframes fixedmenu {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

/* CORRECTION - Sticky header behavior */
.sticky-header,
.fixed-header {
    transition: transform 0.3s ease-in-out !important;
}

/* CORRECTION - Overlay de menu mobile */
.mobile-menu-overlay,
.menu-overlay,
.nav-overlay {
    z-index: 10001 !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

/* ESPACEMENT FINAL - Ajustement global pour la visibilité */
body.has-banner #header,
body.has-promotional-banner #header {
    padding-top: 50px !important;
}

/* CORRECTION DERNIÈRE - Contenu principal ne passe pas devant le header */
#main,
.main-content,
#content,
.page-content {
    z-index: 1 !important;
    position: relative !important;
}

/* CORRECTION - Slider et carrousel ne passent pas devant le header */
.carousel,
.slider,
.homeslider,
.banner-slider {
    z-index: 2 !important;
    position: relative !important;
}