/* =========================================================
   PARIS PERFUMES — HEADER COMPACT PASS v5.1
   Final override loaded after every legacy/home stylesheet.
   Goal: remove vertical whitespace while preserving mega menus.
========================================================= */

/* Shared container keeps the header aligned with homepage content. */
body.pp-v5-production .pp-container{
  width:min(1480px,calc(100% - 40px))!important;
}

/* Top benefit bar: one tight line. */
body.pp-v5-production .pp-announcement{
  min-height:25px!important;
  height:25px!important;
  padding:0!important;
}
body.pp-v5-production .pp-announcement-inner,
body.home.pp-v5-production .pp-announcement-inner{
  min-height:25px!important;
  height:25px!important;
  padding:0!important;
  gap:18px!important;
}
body.pp-v5-production .pp-top-perks{gap:18px!important}
body.pp-v5-production .pp-top-perks span,
body.pp-v5-production .pp-announcement a{
  font-size:8.5px!important;
  line-height:1!important;
}
body.pp-v5-production .pp-top-perks svg{width:11px!important;height:11px!important}
body.pp-v5-production .pp-announcement-links{gap:14px!important}

/* Main white header: compact like the reference storefront. */
body.pp-v5-production .pp-header-main,
body.home.pp-v5-production .pp-header-main{
  min-height:66px!important;
  height:66px!important;
  grid-template-columns:minmax(190px,220px) minmax(340px,1fr) auto!important;
  grid-template-areas:"logo search actions"!important;
  align-items:center!important;
  gap:16px!important;
  padding:5px 0!important;
}
body.pp-v5-production .pp-logo,
body.home.pp-v5-production .pp-logo{
  max-width:220px!important;
  align-self:center!important;
}
body.pp-v5-production .pp-logo img,
body.pp-v5-production .pp-logo .custom-logo,
body.home.pp-v5-production .pp-logo img,
body.home.pp-v5-production .pp-logo .custom-logo{
  width:auto!important;
  height:auto!important;
  max-width:215px!important;
  max-height:50px!important;
  margin:0!important;
}

/* Search bar — shorter and visually centered. */
body.pp-v5-production .pp-product-search,
body.home.pp-v5-production .pp-product-search{
  min-height:42px!important;
  height:42px!important;
  grid-template-columns:36px minmax(0,1fr) 50px!important;
  border-radius:5px!important;
}
body.pp-v5-production .pp-product-search input[type="search"],
body.home.pp-v5-production .pp-product-search input[type="search"]{
  height:40px!important;
  padding:0 7px!important;
  font-size:11.5px!important;
}
body.pp-v5-production .pp-product-search button[type="submit"],
body.home.pp-v5-production .pp-product-search button[type="submit"]{
  width:50px!important;
  min-width:50px!important;
  border-radius:0 4px 4px 0!important;
}
body.pp-v5-production .pp-product-search button svg{width:17px!important;height:17px!important}
body.pp-v5-production .pp-search-leading{width:16px!important;height:16px!important}

/* Header actions: reference uses account + cart only. Wishlist remains available
   elsewhere in the theme but does not consume premium header space. */
body.pp-v5-production .pp-header-wishlist{display:none!important}
body.pp-v5-production .pp-header-actions,
body.home.pp-v5-production .pp-header-actions{
  gap:13px!important;
  align-self:center!important;
}
body.pp-v5-production .pp-header-action{gap:6px!important}
body.pp-v5-production .pp-action-icon{font-size:22px!important}
body.pp-v5-production .pp-action-icon>svg{width:22px!important;height:22px!important}
body.pp-v5-production .pp-action-text strong,
body.home.pp-v5-production .pp-action-text strong{
  font-size:9.5px!important;
  line-height:1!important;
}
body.pp-v5-production .pp-action-text small,
body.home.pp-v5-production .pp-action-text small{
  margin-top:3px!important;
  font-size:7.5px!important;
  line-height:1!important;
}
body.pp-v5-production .pp-cart-count{
  top:-7px!important;
  right:-8px!important;
  min-width:17px!important;
  height:17px!important;
  border-width:2px!important;
  font-size:7.5px!important;
}

/* Navigation: keep all mega-menu logic but remove wasted height. */
body.pp-v5-production .pp-primary-nav,
body.home.pp-v5-production .pp-primary-nav{
  min-height:42px!important;
  height:42px!important;
}
body.pp-v5-production .pp-nav-inner,
body.home.pp-v5-production .pp-nav-inner,
body.pp-v5-production .pp-premium-nav,
body.home.pp-v5-production .pp-premium-nav{
  min-height:42px!important;
  height:42px!important;
}
body.pp-v5-production .pp-premium-nav>li>a,
body.home.pp-v5-production .pp-premium-nav>li>a,
body.home.pp-v5-production .pp-premium-nav>li:first-child>a{
  min-height:42px!important;
  height:42px!important;
  padding:0 11px!important;
  font-size:9.5px!important;
  line-height:42px!important;
}
body.pp-v5-production .pp-premium-nav>li:first-child>a,
body.home.pp-v5-production .pp-premium-nav>li:first-child>a{padding-left:0!important}
body.pp-v5-production .pp-mega-toggle{height:42px!important;min-height:42px!important}
body.pp-v5-production .pp-wholesale-nav-cta{
  min-height:32px!important;
  height:32px!important;
  padding:0 17px!important;
  align-self:center!important;
  font-size:8.5px!important;
  border-radius:4px!important;
}

/* Zero gap between header/nav and homepage hero. */
body.home.pp-v5-production main,
body.home.pp-v5-production #primary,
body.home.pp-v5-production .pp-ref-hero{
  margin-top:0!important;
}
body.home.pp-v5-production .pp-ref-hero{padding-top:0!important}

/* Slightly wider desktop search; actions remain compact. */
@media (min-width:1321px){
  body.pp-v5-production .pp-header-main,
  body.home.pp-v5-production .pp-header-main{
    grid-template-columns:minmax(195px,225px) minmax(430px,1fr) auto!important;
  }
}

/* Intermediate desktop: keep everything on one clean line. */
@media (min-width:1081px) and (max-width:1320px){
  body.pp-v5-production .pp-header-main,
  body.home.pp-v5-production .pp-header-main{
    min-height:64px!important;
    height:64px!important;
    grid-template-columns:minmax(180px,205px) minmax(280px,1fr) auto!important;
    gap:12px!important;
  }
  body.pp-v5-production .pp-logo img,
  body.pp-v5-production .pp-logo .custom-logo,
  body.home.pp-v5-production .pp-logo img,
  body.home.pp-v5-production .pp-logo .custom-logo{
    max-width:195px!important;
    max-height:46px!important;
  }
  body.pp-v5-production .pp-header-actions{gap:10px!important}
  body.pp-v5-production .pp-action-text strong{font-size:9px!important}
  body.pp-v5-production .pp-action-text small{font-size:7px!important}
}

/* Tablet/mobile: one compact bar, no phantom desktop dimensions. */
@media (max-width:1080px){
  body.pp-v5-production .pp-announcement,
  body.pp-v5-production .pp-announcement-inner,
  body.home.pp-v5-production .pp-announcement-inner{
    min-height:24px!important;
    height:24px!important;
  }
  body.pp-v5-production .pp-header-main,
  body.home.pp-v5-production .pp-header-main{
    min-height:60px!important;
    height:60px!important;
    grid-template-columns:38px minmax(140px,1fr) auto!important;
    grid-template-areas:"toggle logo actions"!important;
    gap:8px!important;
    padding:4px 0!important;
  }
  body.pp-v5-production .pp-logo img,
  body.pp-v5-production .pp-logo .custom-logo,
  body.home.pp-v5-production .pp-logo img,
  body.home.pp-v5-production .pp-logo .custom-logo{
    max-width:185px!important;
    max-height:46px!important;
  }
  body.pp-v5-production .pp-header-actions{gap:5px!important}
  body.pp-v5-production .pp-header-action,
  body.pp-v5-production .pp-mobile-search-toggle{
    width:34px!important;
    height:34px!important;
  }
  body.pp-v5-production .pp-action-icon>svg{width:21px!important;height:21px!important}
  body.pp-v5-production .pp-primary-nav,
  body.home.pp-v5-production .pp-primary-nav{
    height:auto!important;
    min-height:0!important;
  }
  body.pp-v5-production .pp-nav-inner,
  body.home.pp-v5-production .pp-nav-inner{
    height:auto!important;
    min-height:0!important;
  }
  body.pp-v5-production .pp-premium-nav,
  body.home.pp-v5-production .pp-premium-nav{
    height:auto!important;
    min-height:0!important;
  }
  body.pp-v5-production #pp-primary-nav.is-open .pp-premium-nav{display:block!important}
  body.pp-v5-production .pp-premium-nav>li>a,
  body.home.pp-v5-production .pp-premium-nav>li>a,
  body.home.pp-v5-production .pp-premium-nav>li:first-child>a{
    height:43px!important;
    min-height:43px!important;
    line-height:43px!important;
    padding:0 44px 0 4px!important;
    font-size:10px!important;
  }
}

@media (max-width:520px){
  body.pp-v5-production .pp-container{width:min(100% - 24px,1480px)!important}
  body.pp-v5-production .pp-header-main,
  body.home.pp-v5-production .pp-header-main{
    min-height:56px!important;
    height:56px!important;
    grid-template-columns:34px minmax(120px,1fr) auto!important;
  }
  body.pp-v5-production .pp-logo img,
  body.pp-v5-production .pp-logo .custom-logo,
  body.home.pp-v5-production .pp-logo img,
  body.home.pp-v5-production .pp-logo .custom-logo{
    max-width:160px!important;
    max-height:42px!important;
  }
  body.pp-v5-production .pp-header-action,
  body.pp-v5-production .pp-mobile-search-toggle{width:32px!important;height:32px!important}
}