/* * LMDB MIDDLE STICKY V4 * SEUL le container Elementor 1e06863 devient fixe. */ /* ========================================================= LE HEADER COMPLET RESTE NORMAL ========================================================= */ html.lmdb-facelift .elementor-location-header { position: relative !important; top: auto !important; left: auto !important; right: auto !important; overflow: visible !important; /* * Important : * aucun transform sur l'ancêtre d'un position:fixed. */ transform: none !important; perspective: none !important; } /* Top bar normale */ html.lmdb-facelift .elementor-location-header .elementor-element-72334de { position: relative !important; top: auto !important; } /* Menu normal */ html.lmdb-facelift .elementor-location-header .elementor-element-8b92d89 { position: relative !important; top: auto !important; } /* ========================================================= BANDE CENTRALE — ÉTAT NORMAL ========================================================= */ html.lmdb-facelift .elementor-location-header .elementor-element-1e06863 { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; margin: 0 !important; transform: none !important; z-index: 950 !important; } /* Neutralise d'éventuels restes Elementor sticky */ html.lmdb-facelift .elementor-location-header .elementor-element-1e06863.elementor-sticky--active, html.lmdb-facelift .elementor-location-header .elementor-element-1e06863.elementor-sticky--effects { position: relative !important; top: auto !important; width: 100% !important; transform: none !important; } /* ========================================================= NOTRE SEUL ÉTAT FIXE ========================================================= */ html.lmdb-facelift .elementor-location-header .elementor-element-1e06863.lmdb-middle-fixed { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; margin: 0 !important; transform: none !important; z-index: 2147483000 !important; background: rgba(255,255,255,.985) !important; border-bottom: 1px solid rgba(29,29,27,.09) !important; box-shadow: 0 8px 24px rgba(22,18,14,.08) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* ========================================================= MARQUEUR + PLACEHOLDER ========================================================= */ html.lmdb-facelift .lmdb-middle-marker { display: block !important; position: relative !important; width: 100% !important; height: 0 !important; padding: 0 !important; margin: 0 !important; pointer-events: none !important; } html.lmdb-facelift .lmdb-middle-placeholder { display: none; width: 100%; padding: 0; margin: 0; pointer-events: none; } html.lmdb-facelift .lmdb-middle-placeholder.is-active { display: block; } /* Admin bar WP */ body.admin-bar .elementor-element-1e06863.lmdb-middle-fixed { top: 32px !important; } @media (max-width: 782px) { body.admin-bar .elementor-element-1e06863.lmdb-middle-fixed { top: 46px !important; } } /* ========================================================= LMDB STICKY V7 — CONTAINING BLOCK FIX Le header ne doit jamais capturer position:fixed. ========================================================= */ html.lmdb-facelift .elementor-location-header { transform: none !important; perspective: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; contain: none !important; will-change: auto !important; } /* * Pas de blur temps réel sur la bande fixe. * Fond quasi opaque = rendu plus net + repaint moins coûteux. */ html.lmdb-facelift .elementor-location-header .elementor-element-1e06863.lmdb-middle-fixed { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(255,255,255,.995) !important; } /* ========================================================= LMDB MIDDLE HEADER V2 — PREMIUM RETAIL FINAL Desktop ========================================================= */ @media (min-width:1025px) { /* ----------------------------------------------------- BANDE CENTRALE ----------------------------------------------------- */ html.lmdb-facelift .elementor-location-header .elementor-element-1e06863 { min-height: 118px !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid rgba(29,29,27,.055) !important; box-shadow: none !important; } html.lmdb-facelift .elementor-location-header .elementor-element-1e06863 > .e-con-inner { display: grid !important; grid-template-columns: minmax(250px,1fr) auto minmax(300px,1fr) !important; align-items: center !important; column-gap: clamp(32px,4vw,70px) !important; width: 100% !important; max-width: 1440px !important; min-height: 118px !important; margin-inline: auto !important; padding: 13px clamp(30px,4vw,66px) !important; } /* Même géométrie une fois sticky */ html.lmdb-facelift .elementor-location-header .elementor-element-1e06863.lmdb-middle-fixed { min-height: 118px !important; background: rgba(255,255,255,.995) !important; border-bottom: 1px solid rgba(29,29,27,.07) !important; box-shadow: 0 11px 30px rgba(24,20,15,.055) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ----------------------------------------------------- GOOGLE REVIEW ----------------------------------------------------- */ html.lmdb-facelift .elementor-location-header .elementor-element-887a988 { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 5px !important; width: auto !important; margin: 0 !important; padding: 6px 0 6px 18px !important; background: transparent !important; border: 0 !important; border-left: 2px solid rgba(130,98,60,.72) !important; border-radius: 0 !important; box-shadow: none !important; } html.lmdb-facelift .elementor-location-header .elementor-element-5f14282 { width: auto !important; margin: 0 !important; padding: 0 !important; } html.lmdb-facelift .elementor-location-header .elementor-element-5f14282 .elementor-heading-title { font-family: "Manrope", system-ui, sans-serif !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #77716a !important; } html.lmdb-facelift .elementor-location-header .elementor-element-39b008e { width: auto !important; margin: 0 !important; padding: 0 !important; font-family: "Manrope", system-ui, sans-serif !important; font-size: 14.5px !important; font-weight: 600 !important; color: #252321 !important; } html.lmdb-facelift .elementor-location-header .elementor-element-39b008e * { font-family: "Manrope", system-ui, sans-serif !important; } html.lmdb-facelift .elementor-location-header .elementor-element-39b008e .elementor-star-rating, html.lmdb-facelift .elementor-location-header .elementor-element-39b008e .elementor-star-rating i { color: #9a7544 !important; } /* ----------------------------------------------------- LOGO ----------------------------------------------------- */ html.lmdb-facelift .elementor-location-header .elementor-element-ea57a62 { justify-self: center !important; align-self: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; } html.lmdb-facelift .elementor-location-header .elementor-element-d7c9ad2 { margin: 0 !important; padding: 0 !important; } html.lmdb-facelift .elementor-location-header .elementor-element-d7c9ad2 img { display: block !important; width: auto !important; max-width: 215px !important; max-height: 82px !important; object-fit: contain !important; } /* ----------------------------------------------------- ZONE ACTIONS ----------------------------------------------------- */ html.lmdb-facelift .elementor-location-header .elementor-element-0fc1520 { display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; gap: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !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 { width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* séparateurs */ html.lmdb-facelift .elementor-location-header .elementor-element-99c8e4a, html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 { border-left: 1px solid rgba(29,29,27,.075) !important; } /* Le lien LUI-MÊME devient la zone entière cliquable */ 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 { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; margin: 0 !important; padding: 0 17px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #292724 !important; text-decoration: none !important; transition: color .12s ease, background .12s ease !important; } /* ----------------------------------------------------- LIBELLÉS — DANS LES LIENS ----------------------------------------------------- */ html.lmdb-facelift .elementor-location-header .elementor-element-92e1d8b a.elementor-icon::after { content: "Rechercher"; } html.lmdb-facelift .elementor-location-header .elementor-element-99c8e4a a.elementor-icon::after { content: "Compte"; } html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 #elementor-menu-cart__toggle_button::after { content: "Panier"; } 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 { font-family: "Manrope", system-ui, sans-serif !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: -.01em !important; color: currentColor !important; white-space: nowrap !important; } /* ----------------------------------------------------- ICONOGRAPHIE ----------------------------------------------------- */ html.lmdb-facelift .elementor-location-header .elementor-element-0fc1520 svg { width: 20px !important; height: 20px !important; color: currentColor !important; } html.lmdb-facelift .elementor-location-header .elementor-element-0fc1520 svg path { fill: currentColor !important; } /* Prix panier */ html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 .elementor-button-text { font-family: "Manrope", system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; color: #77716a !important; } /* ----------------------------------------------------- HOVER ----------------------------------------------------- */ html.lmdb-facelift .elementor-location-header .elementor-element-92e1d8b a.elementor-icon:hover, html.lmdb-facelift .elementor-location-header .elementor-element-99c8e4a a.elementor-icon:hover, html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 #elementor-menu-cart__toggle_button:hover { color: #82623c !important; background: rgba(248,246,242,.72) !important; } /* clavier */ html.lmdb-facelift .elementor-location-header .elementor-element-0fc1520 a:focus-visible { outline: 2px solid rgba(130,98,60,.72) !important; outline-offset: 2px !important; } } /* ========================================================= LMDB MIDDLE V2.1 — ACTION POLISH FINAL ========================================================= */ @media (min-width:1025px) { html.lmdb-facelift .elementor-location-header .elementor-element-0fc1520 { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; } /* Widgets parfaitement alignés */ 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; width: auto !important; margin: 0 !important; padding: 0 !important; border-left: 0 !important; line-height: 1 !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; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Même géométrie pour Recherche / Compte / Panier */ 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 { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; width: auto !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 14px !important; box-sizing: border-box !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 3px !important; box-shadow: none !important; line-height: 1 !important; color: #292724 !important; text-decoration: none !important; transition: color .12s ease, background-color .12s ease, border-color .12s ease !important; } /* Hover premium discret */ html.lmdb-facelift .elementor-location-header .elementor-element-92e1d8b a.elementor-icon:hover, html.lmdb-facelift .elementor-location-header .elementor-element-99c8e4a a.elementor-icon:hover, html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 #elementor-menu-cart__toggle_button:hover { color: #82623c !important; background: #faf8f4 !important; border-color: rgba(130,98,60,.14) !important; box-shadow: none !important; } /* Recherche / compte */ 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; line-height: 1 !important; } html.lmdb-facelift .elementor-location-header .elementor-element-92e1d8b a.elementor-icon, html.lmdb-facelift .elementor-location-header .elementor-element-99c8e4a a.elementor-icon { font-size: 0 !important; } /* Libellés */ 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 { font-family: "Manrope", system-ui, sans-serif !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: -.01em !important; color: currentColor !important; white-space: nowrap !important; } /* WooCommerce cart : neutralise sa structure particulière */ 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 { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Prix inutile dans le header */ html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 .elementor-button-text { display: none !important; } html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; line-height: 1 !important; } /* Icônes */ html.lmdb-facelift .elementor-location-header .elementor-element-0fc1520 svg { display: block !important; flex: 0 0 auto !important; width: 19px !important; height: 19px !important; margin: 0 !important; } /* Correction optique du chariot */ html.lmdb-facelift .elementor-location-header .elementor-element-2d7abd7 .elementor-button-icon svg { transform: translateY(1px) !important; } }