@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Great+Vibes&display=swap'); *{box-sizing:border-box;margin:0;padding:0} .jw-wrap,.jw-top,.jw-header{width:100%;max-width:100%;overflow-x:clip} .jw-wrap{font-family:'Helvetica Neue',Arial,sans-serif} /* ===== TOP BAR ===== */ .jw-top{background:#fff;border-bottom:1px solid #f0f0f0;padding:6px 0;position:relative;z-index:1002} .jw-top-inner{width:100%;max-width:1320px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:flex-end;gap:6px} .jw-top-msg{font-size:12px;color:#888;letter-spacing:0.3px;margin-right:auto} .jw-top-right{display:flex;align-items:center;gap:4px} .jw-top-link{font-size:14px;color:#555;text-decoration:none;padding:3px 6px;line-height:1.2;transition:color 0.2s;white-space:nowrap} .jw-top-link:hover{color:#c9a96e} .jw-top-sep{color:#ddd;font-size:14px} /* ===== MAIN HEADER ===== */ .jw-header{background:#fff;border-bottom:1px solid #ececec;position:relative} .jw-header-inner{width:100%;max-width:1320px;margin:0 auto;padding:0 30px;display:flex;align-items:center;height:72px;gap:20px} /* Logo */ .jw-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;margin-right:10px} .jw-logo img{display:none} .jw-logo-fallback{ font-family:'Great Vibes',cursive; font-size:44px;font-weight:400;color:#1a1a1a; letter-spacing:0;text-transform:none;line-height:1;display:block;padding:2px 0; } /* Navigation */ .jw-nav{display:flex;align-items:center;list-style:none;gap:2px;flex:1;justify-content:center} .jw-nav>li{position:relative} .jw-nav>li>a{display:flex;align-items:center;gap:4px;padding:10px 14px;font-size:14px;color:#333;text-decoration:none;font-weight:400;letter-spacing:0.2px;transition:color 0.2s;white-space:nowrap;height:72px;border-bottom:2px solid transparent} .jw-nav>li>a:hover,.jw-nav>li.active>a{color:#c9a96e;border-bottom-color:#c9a96e} .jw-nav>li.has-sub>a svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.5;opacity:0.6;transition:transform 0.2s} .jw-nav>li:hover>a svg{transform:rotate(180deg)} /* Dropdown */ .jw-drop{display:none;position:absolute;top:100%;left:0;background:#fff;border-top:2px solid #c9a96e;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;box-shadow:0 6px 24px rgba(0,0,0,0.08);min-width:210px;z-index:1000;padding:6px 0;list-style:none} .jw-nav>li:hover .jw-drop{display:block} .jw-drop li a{display:block;padding:9px 20px;font-size:13px;color:#444;text-decoration:none;transition:all 0.15s;border-left:2px solid transparent} .jw-drop li a:hover{color:#c9a96e;border-left-color:#c9a96e;padding-left:22px} /* Mega menu */ .jw-mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #eee;border-top:2px solid #c9a96e;box-shadow:0 6px 24px rgba(0,0,0,0.08);width:500px;max-width:92vw;z-index:1000;padding:20px 24px} .jw-nav>li:hover .jw-mega{display:block} .jw-mega-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .jw-mega-col h6{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#c9a96e;font-weight:600;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f5f5f5} .jw-mega-col a{display:block;font-size:12.5px;color:#555;text-decoration:none;padding:4px 0;transition:color 0.15s} .jw-mega-col a:hover{color:#c9a96e} /* ===== ICÔNES droite ===== */ .jw-right{display:flex;align-items:center;gap:2px;flex-shrink:0} .jw-btn-icon{ position:relative;display:flex;align-items:center;justify-content:center; width:40px;height:40px;background:none;border:none;cursor:pointer; border-radius:50%;text-decoration:none;color:#333;transition:color 0.2s;flex-shrink:0; } .jw-btn-icon:hover{color:#c9a96e} .jw-btn-icon svg{width:22px;height:22px} .icon-bag,.icon-heart,.icon-user,.icon-search{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .jw-badge{ position:absolute;top:1px;right:1px; background:#c9a96e;color:#fff;font-size:9px;font-weight:700; min-width:16px;height:16px;border-radius:8px; display:flex;align-items:center;justify-content:center; padding:0 3px;line-height:1; } /* ===== Panneau recherche déroulant (FiboSearch) ===== */ .jw-search-panel{ display:none;position:absolute;left:0;right:0;top:100%; background:#fff;border-bottom:1px solid #ececec; box-shadow:0 8px 18px rgba(0,0,0,0.07); padding:16px 30px;z-index:1001; } .jw-search-panel.open{display:block} .jw-search-panel .dgwt-wcas-search-form{width:100%;margin:0 auto;max-width:680px} .jw-search-panel .dgwt-wcas-search-wrapp{width:100% !important;max-width:none !important} /* Burger */ .jw-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;flex-shrink:0} .jw-burger span{display:block;width:22px;height:1.5px;background:#333} .jw-burger,.jw-burger:hover,.jw-burger:focus,.jw-burger:active{background:transparent !important;box-shadow:none !important;border:none !important;outline:none !important} .jw-burger.active span{background:#c4c4c4} /* Mobile nav */ .jw-mobile{display:none;flex-direction:column;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,0.06)} .jw-mobile.open{display:flex} .jw-mobile a{display:block;padding:12px 24px;font-size:13.5px;color:#444;text-decoration:none;border-bottom:1px solid #f5f5f5} .jw-mobile a:hover{color:#c9a96e} .jw-mobile .m-cat{padding:9px 24px 3px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c9a96e;font-weight:600;background:#fafafa;border-bottom:1px solid #f0f0f0} .jw-mobile .m-sub{padding-left:40px;font-size:12.5px;color:#777} /* ===== Responsive ===== */ /* ---- MOBILE/TABLETTE : ☰ 🔍 | LOGO centré | ♡ 👤 🛒 ---- */ @media(max-width:1024px){ .jw-nav{display:none} .jw-header-inner{position:relative;justify-content:flex-start;gap:2px} /* .jw-right dissous : ses icônes deviennent des items du header, réordonnables */ .jw-right{display:contents} /* Gauche : hamburger puis loupe */ .jw-burger{display:flex;order:1;margin:0;padding:6px 4px} .jw-search-toggle{order:2} /* Logo parfaitement centré */ .jw-logo{order:3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} /* Droite : wishlist, compte, panier (panier à l'extrême droite) */ .jw-wishlist{order:4;margin-left:auto} .jw-account{order:5} .jw-cart{order:6} /* Barre du haut */ .jw-top{padding:5px 0} .jw-top-msg{font-size:10px} .jw-top-link,.jw-top-sep{font-size:13px} .jw-top-link{padding:2px 5px} } @media(max-width:768px){ .jw-header-inner{padding:0 10px;height:48px} .jw-logo-fallback{font-size:30px} .jw-btn-icon{width:34px;height:34px} .jw-search-panel{padding:14px 12px} } @media(max-width:640px){ .jw-top-msg{display:none} .jw-top-inner{padding:0 12px} .jw-header-inner{padding:0 6px} .jw-btn-icon{width:32px;height:32px} .jw-btn-icon svg{width:19px;height:19px} .jw-logo-fallback{font-size:28px;letter-spacing:0} } /* ===== 2e barre (header) STICKY en mobile (≤1024) ===== */ .jw-header{transition:box-shadow .25s} .jw-header-spacer{height:0} @media(max-width:1024px){ .jw-header.jw-stuck{position:fixed;top:0;left:0;right:0;z-index:1001; background:rgba(255,255,255,.68) !important; -webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6); border-bottom:1px solid rgba(201,169,110,.18);box-shadow:0 4px 20px rgba(0,0,0,.07);animation:jwSlideDown .25s ease} /* repli si backdrop-filter non supporté : fond plus opaque */ @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .jw-header.jw-stuck{background:rgba(255,255,255,.95) !important} } body.admin-bar .jw-header.jw-stuck{top:46px} } @keyframes jwSlideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}(function(){ /* ---------- Burger mobile ---------- */ var b=document.getElementById('jw-burger'),m=document.getElementById('jw-mobile'); if(b&&m) b.addEventListener('click',function(){ m.classList.toggle('open'); b.classList.toggle('active'); });/* ---------- 2e barre sticky en mobile (≤1024) ---------- */ (function(){ var topbar=document.querySelector('.jw-wrap > .jw-top'); var hdr=document.querySelector('.jw-wrap > .jw-header'); if(!topbar||!hdr) return; var spacer=document.createElement('div'); spacer.className='jw-header-spacer'; hdr.parentNode.insertBefore(spacer, hdr.nextSibling); var stuck=false; function isMobile(){ return window.matchMedia('(max-width:1024px)').matches; } function set(on){ if(on===stuck) return; stuck=on; if(on){ spacer.style.height=hdr.offsetHeight+'px'; hdr.classList.add('jw-stuck'); } else { hdr.classList.remove('jw-stuck'); spacer.style.height='0'; } } function onScroll(){ if(!isMobile()){ set(false); return; } set((window.pageYOffset||document.documentElement.scrollTop) > topbar.offsetHeight); } window.addEventListener('scroll', onScroll, {passive:true}); window.addEventListener('resize', onScroll); onScroll(); })();/* ---------- Toggle recherche (loupe) ---------- */ var st=document.getElementById('jw-search-toggle'),sp=document.getElementById('jw-search-panel'); if(st&&sp){ st.addEventListener('click',function(e){ e.preventDefault(); sp.classList.toggle('open'); if(sp.classList.contains('open')){ var inp=sp.querySelector('input[type=search],input[name=s]'); if(inp) setTimeout(function(){inp.focus();},50); } }); document.addEventListener('click',function(e){ if(sp.classList.contains('open') && !sp.contains(e.target) && !st.contains(e.target)){ sp.classList.remove('open'); } }); }/* ---------- Helper badge ---------- */ function setBadge(selector,count){ var el=document.querySelector(selector); if(!el) return; var badge=el.querySelector('.jw-badge'); if(!badge){ badge=document.createElement('span'); badge.className='jw-badge'; el.appendChild(badge); } count=parseInt(count,10)||0; var txt=count>99?'99+':String(count); if(badge.textContent!==txt) badge.textContent=txt; badge.style.display=count>0?'flex':'none'; }/* ---------- Lecture du compteur Side Cart ---------- */ function getSideCartCount(){ var sel=['.xoo-wsc-bki-count','.xoo-wsc-items-count','.xoo-wsc-smr-count','.xoo-wsc-count']; for(var i=0;i0){ setTimeout(function(){attachObserver(tries-1);},800); } } attachObserver(6);/* ---------- Événements WooCommerce / plugins ---------- */ if(window.jQuery){ jQuery(document.body).on('added_to_cart removed_from_cart wc_fragments_refreshed wc_fragments_loaded xoo_wsc_initiated',scheduleRefresh); jQuery(document).on('added_to_wishlist removed_from_wishlist yith_wcwl_product_added_to_wishlist yith_wcwl_product_removed_from_list',refreshWishlist); }/* ---------- Resync quand l'onglet redevient actif ---------- */ document.addEventListener('visibilitychange',function(){ if(!document.hidden){ scheduleRefresh(); refreshWishlist(); } }); })();