/* =========================================================
   LMDB MOBILE HEADER + MENU V2 — FINAL
   <= 767px uniquement
   ========================================================= */

@media (max-width:767px) {


    /* =====================================================
       HEADER — 76PX CONSTANT
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header {
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-1e06863 {
        min-height: 76px !important;
        height: 76px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        border-bottom:
            1px solid rgba(29,29,27,.075) !important;

        box-shadow: none !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-1e06863 > .e-con-inner {
        display: grid !important;

        grid-template-columns:
            minmax(0,1fr)
            auto
            !important;

        grid-template-areas:
            "logo actions";

        align-items: center !important;

        column-gap: 4px !important;

        width: 100% !important;
        max-width: none !important;

        min-height: 76px !important;
        height: 76px !important;

        margin: 0 !important;

        padding:
            8px 10px
            8px 14px
            !important;
    }


    /* =====================================================
       REVIEW — MASQUÉE SUR MOBILE
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-887a988 {
        display: none !important;
    }


    /* =====================================================
       LOGO
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-ea57a62 {
        grid-area: logo !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        justify-self: start !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-ea57a62
    .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-ea57a62 img {
        display: block !important;

        width: auto !important;

        max-width: 170px !important;
        max-height: 60px !important;

        margin: 0 !important;

        object-fit: contain !important;
    }


    /* =====================================================
       ACTIONS
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-0fc1520 {
        grid-area: actions !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-end !important;

        justify-self: end !important;

        gap: 1px !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-92e1d8b {
        order: 1 !important;
    }

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-99c8e4a {
        order: 2 !important;
    }

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7 {
        order: 3 !important;
    }

    html.lmdb-facelift
    #lmdb-mobile-menu-toggle {
        order: 4 !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-92e1d8b,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-99c8e4a,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7 {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-92e1d8b > .elementor-widget-container,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-99c8e4a > .elementor-widget-container,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7 > .elementor-widget-container {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-92e1d8b .elementor-icon-wrapper,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-99c8e4a .elementor-icon-wrapper {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       4 COMMANDES IDENTIQUES
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-92e1d8b a.elementor-icon,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-99c8e4a a.elementor-icon,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    #elementor-menu-cart__toggle_button,

    html.lmdb-facelift
    #lmdb-mobile-menu-toggle {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        color: #242220 !important;

        background: transparent !important;

        border:
            1px solid transparent !important;

        border-radius: 3px !important;

        box-shadow: none !important;

        line-height: 1 !important;
    }


    /* Supprime les labels desktop */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-92e1d8b a.elementor-icon::after,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-99c8e4a a.elementor-icon::after,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    #elementor-menu-cart__toggle_button::after {
        content: none !important;
        display: none !important;
    }


    /* =====================================================
       PANIER WOOCOMMERCE — ALIGNEMENT
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    .elementor-menu-cart__wrapper,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    .elementor-menu-cart__toggle_wrapper,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    .elementor-menu-cart__toggle,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    .elementor-button-wrapper,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    .elementor-button-icon {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-2d7abd7
    .elementor-button-text {
        display: none !important;
    }


    /* =====================================================
       ICONES
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-0fc1520 svg,

    html.lmdb-facelift
    #lmdb-mobile-menu-toggle svg {
        display: block !important;

        width: 22px !important;
        height: 22px !important;

        margin: 0 !important;

        transform: none !important;
    }


    html.lmdb-facelift
    #lmdb-mobile-menu-toggle {
        appearance: none !important;

        cursor: pointer !important;
    }


    html.lmdb-facelift
    #lmdb-mobile-menu-toggle svg {
        fill: none !important;

        stroke: currentColor !important;

        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
    }


    html.lmdb-facelift
    #lmdb-mobile-menu-toggle[aria-expanded="true"] {
        color: #82623c !important;

        background: #faf8f4 !important;
    }


    /* =====================================================
       STICKY — MÊME 76PX
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-1e06863.lmdb-middle-fixed {
        min-height: 76px !important;
        height: 76px !important;

        background:
            rgba(255,255,255,.995) !important;

        box-shadow:
            0 8px 22px rgba(24,20,15,.065) !important;
    }


    /* Correction du vieux placeholder V7 */

    html.lmdb-facelift
    .lmdb-middle-placeholder.is-active {
        display: block !important;

        height: 76px !important;
        min-height: 76px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    html.lmdb-facelift
    .lmdb-middle-marker {
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       ANCIEN MENU HORIZONTAL MOBILE : AUCUNE HAUTEUR
       ===================================================== */

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-8b92d89 {
        position: relative !important;

        width: 100% !important;

        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;

        box-shadow: none !important;

        overflow: visible !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-8b92d89 > .e-con-inner,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-f7c750a,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-f7c750a > .elementor-widget-container,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-f7c750a .e-n-menu,

    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-f7c750a .e-n-menu-wrapper {
        min-height: 0 !important;

        height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        overflow: visible !important;
    }


    html.lmdb-facelift
    .elementor-location-header
    .elementor-element-f7c750a
    .e-n-menu-heading {
        display: none !important;

        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       MENU MOBILE OUVERT
       ===================================================== */

    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-heading {
        position: fixed !important;

        z-index: 2147482900 !important;

        display: flex !important;

        flex-direction: column !important;

        top:
            var(--lmdb-mobile-menu-top,76px) !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;

        height: auto !important;
        max-height: none !important;

        gap: 0 !important;

        margin: 0 !important;
        padding: 5px 0 24px !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        background: #fff !important;

        border-top:
            1px solid rgba(29,29,27,.07) !important;

        box-shadow:
            0 18px 38px rgba(20,18,15,.10) !important;

        overscroll-behavior: contain !important;
    }


    /* =====================================================
       NIVEAU 1
       ===================================================== */

    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-heading > .e-n-menu-item {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom:
            1px solid rgba(29,29,27,.07) !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-title {
        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 56px !important;

        margin: 0 !important;

        padding:
            0 10px 0 18px !important;

        box-sizing: border-box !important;

        background: #fff !important;

        border: 0 !important;

        box-shadow: none !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-title-container {
        display: flex !important;

        align-items: center !important;

        flex: 1 1 auto !important;

        min-height: 56px !important;

        padding: 0 !important;

        font-family:
            "Manrope",
            system-ui,
            sans-serif !important;

        font-size: 15px !important;
        font-weight: 600 !important;

        line-height: 1.2 !important;

        letter-spacing: -.018em !important;

        color: #23211f !important;

        text-decoration: none !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-dropdown-icon {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 44px !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;

        opacity: .45 !important;

        transform: none !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-dropdown-icon svg {
        width: 10px !important;
        height: 10px !important;
    }


    /* =====================================================
       ACCORDÉONS FERMÉS
       ===================================================== */

    html.lmdb-facelift
    .elementor-element-f7c750a
    .e-n-menu-item:has(
        .e-n-menu-dropdown-icon[aria-expanded="false"]
    ) > .e-n-menu-content {
        display: none !important;

        position: static !important;

        width: 100% !important;

        height: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        opacity: 0 !important;

        box-shadow: none !important;

        pointer-events: none !important;
    }


    /* =====================================================
       ACCORDÉONS OUVERTS
       ===================================================== */

    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-item:has(
        .e-n-menu-dropdown-icon[aria-expanded="true"]
    ) > .e-n-menu-content {
        display: block !important;

        position: static !important;

        inset: auto !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;

        visibility: visible !important;

        background: #faf9f6 !important;

        border: 0 !important;

        box-shadow: none !important;

        transform: none !important;

        pointer-events: auto !important;
    }


    /* =====================================================
       VOIR TOUT
       ===================================================== */

    html.lmdb-facelift
    .lmdb-mobile-view-all {
        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        padding:
            14px 18px !important;

        font-family:
            "Manrope",
            system-ui,
            sans-serif !important;

        font-size: 12.5px !important;
        font-weight: 650 !important;

        line-height: 1.3 !important;

        color: #82623c !important;

        background: #f7f5f1 !important;

        border-bottom:
            1px solid rgba(29,29,27,.06) !important;

        text-decoration: none !important;
    }


    /* =====================================================
       CONTENU MEGA MOBILE
       ===================================================== */

    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-content .e-con {
        width: 100% !important;
        max-width: none !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-content > .e-con {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 0 !important;

        padding-top: 8px !important;
        padding-bottom: 18px !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-content
    .elementor-heading-title {
        margin:
            15px 0 6px !important;

        font-family:
            "Manrope",
            system-ui,
            sans-serif !important;

        font-size: 10.5px !important;
        font-weight: 700 !important;

        line-height: 1.2 !important;

        letter-spacing: .06em !important;

        text-transform: uppercase !important;

        color: #706b65 !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-content
    a:not(.lmdb-mobile-view-all) {
        font-family:
            "Manrope",
            system-ui,
            sans-serif !important;

        font-size: 14px !important;
        font-weight: 450 !important;

        line-height: 1.45 !important;

        color: #292724 !important;

        text-decoration: none !important;
    }


    html.lmdb-facelift.lmdb-mobile-menu-open
    .elementor-element-f7c750a
    .e-n-menu-content
    .elementor-icon-list-item {
        margin: 0 !important;

        padding: 5px 0 !important;
    }


    html.lmdb-mobile-menu-open,
    html.lmdb-mobile-menu-open body {
        overscroll-behavior: none !important;
    }

}


/* =========================================================
   LMDB MOBILE — GARDE DESKTOP
   Aucun élément mobile visible >= 768px
   ========================================================= */

@media (min-width:768px) {

    html.lmdb-facelift
    #lmdb-mobile-menu-toggle {
        display: none !important;
    }

    html.lmdb-facelift
    .lmdb-mobile-view-all {
        display: none !important;
    }

}