/* Menu Produit — rendu au-dessus de tout le contenu (portal body) */ header, header .container, header .navbar, header nav, header nav > ul { overflow: visible !important; } header { position: sticky !important; top: 0 !important; z-index: 100000 !important; } /* Sous-menu ancré dans le header (fallback sans JS) */ header nav > ul { display: flex !important; list-style: none !important; align-items: center !important; } header nav ul.dropdown-menu { display: none !important; flex-direction: column !important; align-items: stretch !important; flex-wrap: nowrap !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } header nav > ul > li.has-dropdown:hover > ul.dropdown-menu, header nav > ul > li.has-dropdown:focus-within > ul.dropdown-menu, header nav ul.dropdown-menu.nav-dropdown-portal { display: block !important; } /* Sous-menu ancré dans le header (fallback sans JS) */ nav > ul > li.has-dropdown { position: relative; } nav > ul > li.has-dropdown > ul.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 9001; min-width: 240px; margin: 0; padding: 0; list-style: none; background: #fff; border-top: 2px solid var(--green-logo, #64b446); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); } nav > ul > li.has-dropdown:hover > ul.dropdown-menu, nav > ul > li.has-dropdown:focus-within > ul.dropdown-menu { display: block; } /* Annuler nav ul { display:flex } sur le sous-menu */ nav > ul > li.has-dropdown > ul.dropdown-menu { flex-direction: column !important; align-items: stretch !important; } nav > ul > li.has-dropdown > ul.dropdown-menu li { margin: 0 !important; display: block !important; width: 100% !important; position: static !important; } nav > ul > li.has-dropdown > ul.dropdown-menu li a { display: block !important; width: 100% !important; box-sizing: border-box; white-space: normal !important; text-transform: capitalize !important; padding: 12px 20px !important; border-bottom: 1px solid #eee; } /* Portal : menu déplacé dans par nav-dropdown.js */ ul.dropdown-menu.nav-dropdown-portal::before { content: ""; display: block; height: 10px; margin-top: -10px; } ul.dropdown-menu.nav-dropdown-portal { position: fixed !important; pointer-events: auto !important; z-index: 2147483647 !important; display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; min-width: 240px; background: #fff !important; border: 1px solid #eee !important; border-top: 2px solid var(--green-logo, #64b446) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important; } ul.dropdown-menu.nav-dropdown-portal li { margin: 0 !important; display: block !important; width: 100% !important; } ul.dropdown-menu.nav-dropdown-portal li a { display: block !important; width: 100% !important; box-sizing: border-box; padding: 12px 20px !important; text-transform: capitalize !important; white-space: normal !important; color: var(--anthracite, #333) !important; text-decoration: none !important; border-bottom: 1px solid #eee; font-size: 0.85rem !important; font-weight: 500 !important; } ul.dropdown-menu.nav-dropdown-portal li a:hover { background: var(--light-grey, #f4f4f4) !important; color: var(--green-logo, #64b446) !important; } ul.dropdown-menu.nav-dropdown-portal li:last-child a { border-bottom: none; } /* Logo header — balise (fiable) + repli CSS background */ .logo-block { display: block; width: 300px; height: 80px; flex-shrink: 0; background-image: url("../images/logo.jpg"); background-repeat: no-repeat; background-position: left center; background-size: contain; } .logo-block img { display: block; height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: left center; } .logo-block:has(img) { background-image: none; } .social-link svg { width: 20px; height: 20px; fill: #999; display: block; transition: fill 0.3s; } .social-link--instagram:hover svg { fill: #e1306c; } .footer-social .social-link--instagram:hover svg { fill: #e1306c; }