/* Correctifs Lahidou - visibilité bouton "Shop By Department" */

.mb-navigation.vertical-menu > .title {

    color: #222 !important;

    background: #F5F5F5 !important;

    opacity: 1 !important;

}

.mb-navigation.vertical-menu > .title span,

.mb-navigation.vertical-menu > .title i {

    color: #222 !important;

    opacity: 1 !important;

}




/* Agrandissement barre de recherche + micro plus visible (specificite haute pour battre searchmicro.css) */

.magebig-container .page-header .panel.wrapper .panel.header .sticky-wrap .sticky-menu .container .header-main-inner .header-maininner-rowss .col-search .mfp-with-anim .block-search .block-content .minisearch .search .control #search {

    height: 52px !important;

    font-size: 16px !important;

    padding-right: 60px !important;

}

.magebig-container .page-header .panel.wrapper .panel.header .sticky-wrap .sticky-menu .container .header-main-inner .header-maininner-rowss .col-search .mfp-with-anim .block-search .block-content .minisearch .search .control .search-voice-input {

    width: 44px !important;

    height: 44px !important;

    background-color: #22c55e !important;

    background-size: 22px 22px !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

    border-radius: 50% !important;

    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;

    right: 8px !important;

    transition: transform 0.15s ease !important;

}

.magebig-container .page-header .panel.wrapper .panel.header .sticky-wrap .sticky-menu .container .header-main-inner .header-maininner-rowss .col-search .mfp-with-anim .block-search .block-content .minisearch .search .control .search-voice-input:hover {

    transform: scale(1.08) !important;

}




/* Forcer l'affichage en grille pour les widgets produits dans les sections marché */

.lhd-market-section .products-grid .product-items,

.lhd-market-section .widget-product-grid.product-items {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 20px !important;

    margin: 0 !important;

}

.lhd-market-section .products-grid .product-item,

.lhd-market-section .widget-product-grid .product-item {

    width: calc(25% - 15px) !important;

    margin-bottom: 0 !important;

    box-sizing: border-box;

}

@media (max-width: 900px) {

    .lhd-market-section .products-grid .product-item,

    .lhd-market-section .widget-product-grid .product-item {

        width: calc(50% - 10px) !important;

    }

}




/* Correctif largeur fixe Page Builder (200px) qui casse notre grille 4 colonnes */

.lhd-market-section.pagebuilder-column [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item,

.lhd-market-section [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {

    width: calc(25% - 15px) !important;

}

@media (max-width: 900px) {

    .lhd-market-section [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {

        width: calc(50% - 10px) !important;

    }

}




/* Forcer les images produits à s'adapter à la largeur de colonne (au lieu de 270px fixe inline) */

.lhd-market-section .product-image-container {

    width: 100% !important;

}

.lhd-market-section .product-image-photo {

    width: 100% !important;

    height: auto !important;

}




/* Grille 5 colonnes sur desktop */

.lhd-market-section [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {

    width: calc(20% - 16px) !important;

}

@media (max-width: 1200px) {

    .lhd-market-section [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {

        width: calc(25% - 15px) !important;

    }

}

@media (max-width: 900px) {

    .lhd-market-section [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {

        width: calc(50% - 10px) !important;

    }

}




/* Correctif final : sélecteur sans dépendance à data-content-type='products' (inexistant dans notre markup) */

.lhd-market-section .block.widget .products-grid .product-item {

    width: calc(20% - 16px) !important;

    margin-left: 0 !important;

}

@media (max-width: 1200px) {

    .lhd-market-section .block.widget .products-grid .product-item {

        width: calc(25% - 15px) !important;

    }

}

@media (max-width: 900px) {

    .lhd-market-section .block.widget .products-grid .product-item {

        width: calc(50% - 10px) !important;

    }

}

.lhd-market-section .block.widget .products-grid .product-items {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 20px !important;

}