/* ══ MEGA MENU — Couleurs PP26 ══ */

/* TOP BAR */
.topbar{background:var(--green-dark);color:rgba(255,255,255,.88);font-size:.73rem;padding:7px 0;letter-spacing:.01em}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar-left{display:flex;gap:16px}
.topbar-link{color:rgba(255,255,255,.85);text-decoration:none;font-weight:500;transition:.2s}
.topbar-link:hover{color:var(--white)}
.topbar-center{font-weight:600;color:var(--white)}
.topbar-right-bar{font-weight:500;color:rgba(255,255,255,.85)}

/* ══ HEADER ══ */
.pp-header{background:var(--white);position:sticky;top:0;z-index:900;box-shadow:0 1px 3px rgba(0,0,0,.08);border-bottom:1px solid var(--border-light)}
.header-main{display:flex;align-items:center;gap:18px;padding:12px 0}
.btn-hamburger{display:none;flex-direction:column;gap:5px;width:36px;height:36px;padding:6px;border:none;background:none;cursor:pointer;flex-shrink:0}
.btn-hamburger span{width:100%;height:2px;background:var(--dark);transition:.3s}

/* Logo — sans cadre noir */
.pp-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.pp-logo img{
  height:48px;
  width:auto;
  border-radius:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  object-fit:contain;
  display:block;
  image-rendering:-webkit-optimize-contrast;
}

/* Recherche */
.pp-search{flex:1;max-width:600px;position:relative;display:flex}
.pp-search input{flex:1;padding:11px 16px;border:1.5px solid var(--border);border-right:none;font-size:.9rem;font-family:inherit;outline:none;transition:.2s;background:var(--white)}
.pp-search input:focus{border-color:var(--green)}
#searchBtn{width:50px;background:var(--white);color:var(--dark);border:1.5px solid var(--border);border-left:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex-shrink:0}
#searchBtn:hover{color:var(--green)}
.search-results{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--white);box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid var(--border);max-height:400px;overflow-y:auto;z-index:1000;display:none}
.search-results.active{display:block}
.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--gray-light);cursor:pointer;transition:.15s;text-decoration:none;color:var(--dark)}
.search-result-item:hover{background:var(--green-light)}
.search-result-info{flex:1}.search-result-info strong{font-size:.82rem;font-weight:700;display:block;text-transform:uppercase}
.search-result-info span{font-size:.72rem;color:var(--gray)}
.search-result-price{font-weight:800;color:var(--green);font-size:.88rem;white-space:nowrap}

/* Actions */
.pp-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}
.pp-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--dark);cursor:pointer;border:none;background:none;font-family:inherit;text-decoration:none;position:relative;transition:.2s}
.pp-action:hover{color:var(--green)}
.pp-action svg{width:24px;height:24px}
.cart-badge{position:absolute;top:2px;right:2px;background:var(--green);color:var(--white);width:18px;height:18px;border-radius:50%;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}

/* ══ NAV VERTE ══ */
.pp-nav{background:var(--green);position:relative;z-index:100}
.pp-nav-inner{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.pp-nav-inner::-webkit-scrollbar{display:none}
.nav-item{position:static}
.nav-link{display:flex;align-items:center;padding:13px 12px;color:rgba(255,255,255,.92);font-size:.74rem;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:.2s;border-bottom:3px solid transparent}
.nav-link:hover,.nav-item:hover>.nav-link{color:var(--white);background:rgba(255,255,255,.15);border-bottom-color:var(--pink)}

/* ══ MEGA MENU ══ */
.mega-menu{display:none;position:absolute;top:100%;left:0;right:0;width:100%;background:var(--white);box-shadow:0 12px 40px rgba(0,0,0,.15);z-index:999;border-top:3px solid var(--green);animation:megaIn .18s ease}
.nav-item:hover>.mega-menu{display:block}
@keyframes megaIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.mega-inner{padding:24px 28px;max-width:1260px;margin:0 auto}
.mega-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.mega-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.mega-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.mc{padding:0 22px 8px 0;border-right:1px solid var(--gray-light)}
.mc:last-child{border-right:none;padding-right:0}
.mc-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--dark);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.mc a{display:block;padding:5px 0;font-size:.82rem;color:var(--gray);transition:.15s;text-decoration:none}
.mc a:hover{color:var(--green);padding-left:4px}
.mc-spacer{height:12px}

/* Brand chips */
.mega-brands-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.brand-chip{display:inline-block;padding:6px 14px;background:var(--gray-light);font-size:.78rem;font-weight:600;color:var(--dark);transition:.2s;border:1px solid var(--border);text-decoration:none}
.brand-chip:hover{background:var(--green);color:var(--white);border-color:var(--green)}

/* ══ MOBILE DRAWER ══ */
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1100;opacity:0;pointer-events:none;transition:.3s}
.mobile-overlay.open{opacity:1;pointer-events:auto}
.mobile-drawer{position:fixed;top:0;left:-320px;bottom:0;width:300px;background:var(--white);z-index:1101;transition:.35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.2)}
.mobile-drawer.open{left:0}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--green);flex-shrink:0}
.drawer-header img{height:38px;border-radius:0;background:transparent}
.drawer-header button{width:32px;height:32px;background:rgba(255,255,255,.2);border:none;color:var(--white);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.drawer-search{padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}
.drawer-search input{width:100%;padding:9px 12px;border:1px solid var(--border);font-size:.86rem;font-family:inherit;outline:none}
.drawer-search input:focus{border-color:var(--green)}
.drawer-body{flex:1;overflow-y:auto}
.drawer-section{border-bottom:1px solid var(--border)}
.drawer-link{display:block;padding:13px 18px;font-size:.84rem;font-weight:700;color:var(--dark);border-bottom:1px solid var(--gray-light);text-transform:uppercase;text-decoration:none}
.drawer-link:hover{color:var(--green)}
.drawer-link.hot{color:#e53e6a}
.drawer-accordion{border-bottom:1px solid var(--border)}
.acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:none;border:none;font-size:.84rem;font-weight:800;color:var(--dark);cursor:pointer;font-family:inherit;text-transform:uppercase}
.acc-btn:hover{background:var(--gray-light)}
.acc-body{display:none;background:#fafafa}
.acc-body.open{display:block}
.acc-body a{display:block;padding:10px 18px 10px 26px;font-size:.8rem;color:var(--gray);border-bottom:1px solid var(--gray-light);text-transform:uppercase;text-decoration:none}
.acc-body a:hover{color:var(--green)}
.drawer-footer{padding:14px 18px;border-top:1px solid var(--border);background:var(--gray-light);flex-shrink:0}
.drawer-footer a{color:#25D366;font-weight:700;font-size:.86rem;text-decoration:none}

/* ══ MINI CART ══ */
.mini-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1050;opacity:0;pointer-events:none;transition:.3s}
.mini-cart-overlay.open{opacity:1;pointer-events:auto}
.mini-cart{position:fixed;top:0;right:-100%;bottom:0;width:400px;max-width:100%;background:var(--white);z-index:1051;transition:.35s;display:flex;flex-direction:column;box-shadow:-4px 0 32px rgba(0,0,0,.15)}
.mini-cart.open{right:0}
.mini-cart-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.mini-cart-header h3{font-weight:700;font-size:1rem}
#closeMiniCart{width:30px;height:30px;background:var(--gray-light);border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.mini-cart-body{flex:1;overflow-y:auto;padding:16px 20px}
.mini-cart-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.mini-cart-total{display:flex;justify-content:space-between;font-weight:700;margin-bottom:4px}
.mini-cart-total strong{color:var(--green)}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){.nav-link{padding:12px 9px;font-size:.68rem}}
@media(max-width:900px){
  .btn-hamburger{display:flex}
  .pp-search{display:none}
  .topbar{display:none}
  .mini-cart{width:100%}
  /* Nav VISIBLE sur mobile - scroll horizontal */
  .pp-nav{display:block}
  .pp-nav-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0;flex-wrap:nowrap}
  .pp-nav-inner::-webkit-scrollbar{display:none}
  /* Mega menus désactivés sur mobile - le drawer s'en charge */
  .nav-item:hover>.mega-menu{display:none !important}
  .nav-link{padding:11px 14px;font-size:.74rem;white-space:nowrap}
  .nav-link .arr{display:none}
}
@media(max-width:480px){
  .header-main{padding:8px 0;gap:10px}
  .pp-logo img{height:42px}
  .pp-actions{gap:0}
}