/* 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;

}




/* Redesign cards produits - style Airbnb/Alibaba */

.lhd-market-section .product-item {

    background: #fff;

    border-radius: 16px !important;

    padding: 8px !important;

    transition: box-shadow 0.2s ease, transform 0.2s ease;

}

.lhd-market-section .product-item:hover {

    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;

    transform: translateY(-2px);

}

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

    border-radius: 12px !important;

    overflow: hidden !important;

}

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

    border-radius: 12px !important;

}

.lhd-market-section .product-item-name {

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    min-height: 2.6em;

    font-size: 13px !important;

    line-height: 1.3 !important;

    margin: 10px 0 6px !important;

}

.lhd-market-section .product-item-name a {

    color: #222 !important;

    font-weight: 500 !important;

}

.lhd-market-section .price-box {

    margin: 4px 0 10px !important;

}

.lhd-market-section .price-box .price {

    font-size: 15px !important;

    font-weight: 700 !important;

    color: #111 !important;

}

.lhd-market-section .product-item-actions .actions-secondary,

.lhd-market-section .product-item-inner .field.qty,

.lhd-market-section a.action.towishlist,

.lhd-market-section a.action.tocompare {

    display: none !important;

}

.lhd-market-section .product-item-actions .tocart {

    width: 100% !important;

    border-radius: 30px !important;

    padding: 8px 0 !important;

    font-size: 12px !important;

    background: #E91E63 !important;

    border: none !important;

}

.lhd-market-section .product-item-actions .tocart:hover {

    background: #C2185B !important;

}




/* Fix RequestToQuote: retrait de la classe .box-tocart du bloc RFQ */

/* pour éviter le conflit avec le sticky-addcart JS (magebig.js).   */

/* Règle équivalente à rfq.css:442 mais sans dépendance à .box-tocart */

.cart-to-quote .actions .button.btn.action {

    float: none;

    width: 100%;

}



.box-tocart .actions .towishlist {

    width: 36px;

    height: 36px;

    border-radius: 50%;

    border: 1px solid #e0e0e0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 0;

    flex-shrink: 0;

    background: #fff;

    transition: border-color 0.2s ease;

}

.box-tocart .actions .towishlist:hover {

    border-color: #999;

}

.box-tocart .actions .towishlist .mbi-heart {

    font-size: 16px;

    color: #999;

}



.box-tocart .actions {

    display: flex;

    align-items: center;

    gap: 10px;

    flex-wrap: wrap;

}

.box-tocart .actions .tocart {

    flex: 1 1 auto;

}

#instant-purchase:empty {

    display: none;

}

.box-tocart .actions .towishlist:hover {

    border-color: #C2185B;

}

.box-tocart .actions .towishlist:hover .mbi-heart {

    color: #C2185B;

}



.box-tocart .actions .tocart {

    background-color: #C2185B;

    border-color: #C2185B;

}

.box-tocart .actions .tocart:hover {

    background-color: #a3123f;

    border-color: #a3123f;

}



.catalog-product-view .product-info-price .price-box .price {

    font-size: 30px;

    font-weight: 700;

    color: #1a1a1a;

}

.catalog-product-view .stock.available {

    margin-top: 4px;

    margin-bottom: 20px;

}

.catalog-product-view .product-info-price {

    margin-bottom: 24px;

}

.catalog-product-view .box-tocart {

    margin-bottom: 32px;

}

.catalog-product-view .box-tocart .field.qty {

    margin-bottom: 16px;

}

.box-tocart .custom-qty {

    border-radius: 6px;

    overflow: hidden;

}

.box-tocart .input-text.qty {

    border-color: #ddd;

    border-radius: 6px;

}

.box-tocart .actions .towishlist {

    width: 40px;

    height: 40px;

    border: 1px solid #C2185B;

    background: #fdeaf1;

}

.box-tocart .actions .towishlist .mbi-heart {

    color: #C2185B;

}

.box-tocart .actions .towishlist:hover {

    background: #C2185B;

}

.box-tocart .actions .towishlist:hover .mbi-heart {

    color: #fff;

}

.product-availability-stores {

    margin-top: 32px;

}



.catalog-product-view .page-title-wrapper .page-title span.base {

    font-size: 24px;

    font-weight: 700;

    color: #1a1a1a;

}

.box-tocart .custom-qty button {

    background: #fdeaf1;

    color: #C2185B;

}

.box-tocart .custom-qty button:hover {

    background: #C2185B;

    color: #fff;

}

.box-tocart .input-text.qty {

    background: #fafafa;

    font-weight: 600;

}

.pa-map-wrap {

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    border: none;

}



.box-tocart .fieldset-add .custom-qty button {

    background-color: #fdeaf1;

    color: #C2185B;

}

.box-tocart .fieldset-add .custom-qty button:hover {

    background-color: #C2185B;

    color: #fff;

}



.catalog-product-view .page-main-description {

    margin-top: 32px;

}

.catalog-product-view .page-main-description .product.attribute.description {

    background: #fafafa;

    border-radius: 12px;

    padding: 20px 24px;

}

.catalog-product-view .page-main-description h2 {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 12px;

}



.catalog-product-view .additional-attributes-wrapper {

    margin-top: 24px;

}

.catalog-product-view table.additional-attributes,

.catalog-product-view table.additional-attributes tbody {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));

    gap: 12px;

    width: 100%;

}

.catalog-product-view table.additional-attributes tr {

    display: flex;

    flex-direction: column;

    background: #fafafa;

    border-radius: 10px;

    padding: 12px 14px;

}

.catalog-product-view table.additional-attributes th.label {

    font-size: 12px;

    color: #888;

    font-weight: 400;

    text-align: left;

    padding: 0 0 4px 0;

}

.catalog-product-view table.additional-attributes td.data {

    font-size: 15px;

    font-weight: 700;

    color: #1a1a1a;

    padding: 0;

}



.catalog-product-view .prices-tier.items {

    list-style: none;

    margin: 8px 0 16px 0;

    padding: 0;

}

.catalog-product-view .prices-tier .item {

    font-size: 14px;

    color: #444;

    padding: 4px 0;

}

.catalog-product-view .prices-tier .item .price {

    font-weight: 700;

    color: #1a1a1a;

}

.catalog-product-view .prices-tier .item .benefit {

    color: #C2185B;

    font-weight: 700;

}




/* ============================================ */

/* Harmonisation écrans authentification - forgot password */

/* ============================================ */



.customer-account-forgotpassword .column.main {

    max-width: 480px !important;

    margin: 40px auto !important;

    padding: 0 16px !important;

}



.customer-account-forgotpassword .form.password.forget {

    background: #fff !important;

    border-radius: 16px !important;

    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;

    padding: 32px 24px !important;

}



.customer-account-forgotpassword .forgot-title {

    font-size: 22px;

    font-weight: 700;

    color: #1a1a1a;

    margin-bottom: 16px;

}



#reset-type-wrapper {

    display: flex;

    gap: 16px;

    margin-bottom: 24px;

    padding: 4px;

    background: #f5f5f5;

    border-radius: 30px;

}



#reset-type-wrapper label {

    flex: 1;

    text-align: center;

    padding: 10px 16px;

    border-radius: 26px;

    cursor: pointer;

    font-weight: 600;

    font-size: 14px;

    color: #666;

    transition: all 0.2s ease;

}



#reset-type-wrapper input[type="radio"] {

    display: none;

}



#reset-type-wrapper label:has(+ input[type="radio"]:checked) {

    background: #E91E63;

    color: #fff;

}



#mobile-number-wrapper .iti,

#mobile-number-wrapper input[type="tel"] {

    width: 100%;

}



#mobile-number-wrapper #generate-otp-btn button,

#mobile-number-wrapper .action.submit {

    background: #E91E63;

    color: #fff;

    border: none;

    border-radius: 8px;

    padding: 12px 24px;

    font-weight: 600;

    margin-top: 12px;

    cursor: pointer;

}



#mobile-number-wrapper #generate-otp-btn button:hover {

    background: #C2185B;

}



.customer-account-forgotpassword .block.widget {

    margin-top: 48px;

    padding-top: 32px;

    border-top: 1px solid #eee;

}




/* Correction v2 : carte sur le bloc réellement visible (mode OTP par défaut) */

.customer-account-forgotpassword .column.main {

    max-width: 480px !important;

    margin: 40px auto !important;

    padding: 0 16px !important;

}

.customer-account-forgotpassword #reset-type-wrapper,

.customer-account-forgotpassword #mobile-number-wrapper {

    background: #fff;

    border-radius: 16px;

}

.customer-account-forgotpassword #reset-type-wrapper {

    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

    padding: 24px 24px 4px 24px;

    margin-bottom: 0;

}

.customer-account-forgotpassword #mobile-number-wrapper {

    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

    padding: 4px 24px 24px 24px;

    margin-top: -1px;

}




/* Élargissement champ téléphone forgotpassword */

.customer-account-forgotpassword #ced-mobile .iti {

    width: 100%;

    display: flex !important;

}

.customer-account-forgotpassword #ced-mobile input[type="text"] {

    flex: 1;

    min-width: 0;

}




/* Harmonisation hauteur sélecteur pays + champ téléphone forgotpassword */

.customer-account-forgotpassword #ced-mobile .iti {

    height: 44px;

}

.customer-account-forgotpassword #ced-mobile .iti__selected-flag {

    height: 44px !important;

    padding: 0 10px !important;

}

.customer-account-forgotpassword #ced-mobile input[type="text"] {

    height: 44px !important;

    box-sizing: border-box !important;

}




/* Harmonisation couleur bouton reset password (email) avec le rose Lahidou */

.customer-account-forgotpassword #email-wrapper .action.submit.primary {

    background: #E91E63 !important;

    border-color: #E91E63 !important;

}

.customer-account-forgotpassword #email-wrapper .action.submit.primary:hover {

    background: #C2185B !important;

    border-color: #C2185B !important;

}




/* Harmonisation écran login - couleur bouton + espacement */

.customer-account-login .action.login.primary {

    background: #E91E63 !important;

    border-color: #E91E63 !important;

}

.customer-account-login .action.login.primary:hover {

    background: #C2185B !important;

    border-color: #C2185B !important;

}

.customer-account-login .column.main {

    max-width: 480px;

    margin: 40px auto;

    padding: 0 16px;

}

.customer-account-login .block-title {

    margin-bottom: 20px;

}

.customer-account-login .block-customer-login .block-content {

    background: #fff;

    border-radius: 16px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

    padding: 24px;

}




/* Masquage texte marketing entre les deux cartes login */

.customer-account-login #block-customer-login-heading,

.customer-account-login .block-title:has(#block-customer-login-heading) {

    display: none !important;

}




/* Modernisation carte inscription + harmonisation boutons */

.customer-account-create .column.main {

    max-width: 480px !important;

    margin: 40px auto !important;

    padding: 0 16px !important;

}

.customer-account-create .form.create.account {

    background: #fff;

    border-radius: 16px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

    padding: 32px 24px;

}

.customer-account-create .actions-toolbar .action.submit.primary,

.customer-account-create .action.submit.primary {

    background: #E91E63 !important;

    border-color: #E91E63 !important;

}

.customer-account-create .actions-toolbar .action.submit.primary:hover,

.customer-account-create .action.submit.primary:hover {

    background: #C2185B !important;

    border-color: #C2185B !important;

}

.customer-account-create .ced-sociallogin-login {

    margin-top: 24px;

    padding-top: 24px;

    border-top: 1px solid #eee;

}

.customer-account-create .ced-sociallogin-login-lower-facebook a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    background: #1877F2;
    border-radius: 8px;
}
.customer-account-create .ced-sociallogin-facebook-inner {
    margin: 0 auto;
}



/* Correction largeur conteneur bouton Facebook (classe grille .col-1 trop étroite) */

.customer-account-create .ced-sociallogin-login-lower-facebook.col-1 {

    width: 100% !important;

    max-width: 100% !important;

    flex: 0 0 100% !important;

    padding: 0 !important;

}

.customer-account-create .col1-set.ced-sociallogin-login-lower {

    display: block !important;

}




/* Ajustement fin icône Facebook dans le bouton */

.customer-account-create .ced-sociallogin-facebook-inner {

    width: 24px !important;

    height: 24px !important;

    margin: 0 !important;

    background-size: contain !important;

}




/* Remplacement icône Facebook par un logo SVG net et bien proportionné */

.customer-account-create .ced-sociallogin-facebook-inner {

    width: 24px !important;

    height: 24px !important;

    margin: 0 !important;

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>') !important;

    background-size: contain !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

}




/* Bouton "Ajouter à ma carte" sur page boutique */

.lahidou-favorite-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin: 12px 0;

    padding: 10px 20px;

    background: #E91E63;

    color: #fff;

    border: none;

    border-radius: 24px;

    font-weight: 600;

    font-size: 13px;

    cursor: pointer;

}

.lahidou-favorite-btn:hover {

    background: #C2185B;

}

.lahidou-favorite-btn.is-favorite {

    background: #fff;

    color: #E91E63;

    border: 2px solid #E91E63;

}




/* Nouveau tableau de bord "Mon compte" - Ma Carte + grille d'icônes */

.lahidou-account-home {

    max-width: 480px;

    margin: 0 auto;

}

.lahidou-account-header {

    background: #E91E63;

    padding: 16px 20px 0 20px;

    border-radius: 0 0 0 0;

}

.lahidou-account-header-top {

    display: flex;

    justify-content: flex-end;

}

.lahidou-settings-btn {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    background: rgba(255,255,255,0.18);

    display: flex;

    align-items: center;

    justify-content: center;

}

.lahidou-account-greeting {

    margin-top: 10px;

}

.lahidou-account-greeting-name {

    color: #fff;

    font-size: 19px;

    font-weight: 700;

}

.lahidou-account-greeting-sub {

    color: rgba(255,255,255,0.8);

    font-size: 12px;

    margin-top: 2px;

}

.lahidou-favorite-card {

    background: linear-gradient(135deg, #E91E63, #C2185B);

    border-radius: 20px;

    padding: 18px 20px;

    margin-top: 20px;

    margin-bottom: -46px;

    box-shadow: 0 10px 26px rgba(0,0,0,0.2);

}

.lahidou-favorite-card-top {

    display: flex;

    align-items: center;

    gap: 8px;

    color: rgba(255,255,255,0.85);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;

}

.lahidou-favorite-card-count {

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    margin-top: 10px;

}

.lahidou-favorite-card-bottom {

    display: flex;

    align-items: center;

    margin-top: 14px;

}

.lahidou-favorite-avatars {

    display: flex;

}

.lahidou-favorite-avatar {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #fff;

    border: 2px solid #E91E63;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 11px;

    font-weight: 700;

    color: #E91E63;

    margin-left: -10px;

}

.lahidou-favorite-avatar:first-child {

    margin-left: 0;

}

.lahidou-favorite-avatar-more {

    background: rgba(255,255,255,0.35);

    border-color: rgba(255,255,255,0.6);

    color: #fff;

    font-size: 10px;

}

.lahidou-favorite-card-link {

    margin-left: auto;

    color: #fff;

    font-size: 12.5px;

    font-weight: 600;

    display: flex;

    align-items: center;

    gap: 4px;

}

.lahidou-account-sheet {

    background: #fff;

    border-top-left-radius: 28px;

    border-top-right-radius: 28px;

    padding: 62px 20px 30px 20px;

    display: flex;

    flex-direction: column;

    gap: 26px;

}

.lahidou-icon-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px 8px;

}

.lahidou-icon-tile {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 8px;

    text-align: center;

    color: inherit;

}

.lahidou-icon-badge {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.lahidou-icon-tile span {

    font-size: 11px;

    font-weight: 600;

    color: #1A1A1A;

    line-height: 1.2;

}

.lahidou-activity-title {

    font-size: 15px;

    font-weight: 700;

    color: #1A1A1A;

    margin-bottom: 10px;

}

.lahidou-activity-list {

    border-top: 1px solid #F0F0F2;

}

.lahidou-activity-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 14px 0;

    border-bottom: 1px solid #F0F0F2;

}

.lahidou-activity-row-title {

    font-size: 13.5px;

    font-weight: 600;

    color: #1A1A1A;

}

.lahidou-activity-row-date {

    font-size: 11.5px;

    color: #9CA3AF;

    margin-top: 3px;

}

.lahidou-activity-row-label {

    font-size: 12px;

    font-weight: 700;

}