/* =========================================================
   THE CIPHER LOUNGE — TOP BANNER V2
   Lounge stays left of the logo. Cropped logo asset provides
   a genuinely large visual mark without increasing header height.
   ========================================================= */

.redesigned-header{
  position:sticky !important;
  top:0 !important;
  z-index:3000 !important;
  width:100% !important;
  background:#e2d8cc !important;
  border-bottom:1px solid #c39b62 !important;
}

.redesigned-header-inner{
  width:min(calc(100% - 34px),1360px) !important;
  height:96px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 430px minmax(0,1fr) !important;
  align-items:center !important;
  gap:24px !important;
}

.redesigned-nav{
  display:flex !important;
  align-items:center !important;
  gap:26px !important;
}

.redesigned-nav-left{
  justify-content:flex-end !important;
}

.redesigned-nav-right{
  justify-content:flex-start !important;
}

.redesigned-nav a,
.redesigned-mobile-nav a{
  color:#171f2d !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.095em !important;
  font-size:.78rem !important;
  line-height:1 !important;
  white-space:nowrap !important;
  padding:9px 0 8px !important;
  border-bottom:1px solid transparent !important;
}

.redesigned-nav a:hover,
.redesigned-nav a.active,
.redesigned-mobile-nav a:hover,
.redesigned-mobile-nav a.active{
  border-bottom-color:#c39b62 !important;
}

.redesigned-logo{
  width:430px !important;
  height:90px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:center !important;
  margin:0 !important;
  padding:0 !important;
}

.redesigned-logo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:84px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}

.redesigned-menu-toggle{
  display:none !important;
  border:1px solid #c39b62 !important;
  background:transparent !important;
  color:#171f2d !important;
  padding:7px 10px !important;
  font-size:1.1rem !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.redesigned-mobile-nav{
  display:none !important;
  border-top:1px solid #c39b62 !important;
  background:#e2d8cc !important;
  padding:10px 18px 16px !important;
}

.redesigned-mobile-nav.open{
  display:grid !important;
  gap:4px !important;
}

.lounge-page .menu-category-nav,
.lounge-page .menu-category-nav.is-fixed{
  top:96px !important;
}

@media(max-width:1180px) and (min-width:901px){
  .redesigned-header-inner{
    grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr) !important;
    gap:18px !important;
  }
  .redesigned-logo{
    width:360px !important;
  }
  .redesigned-nav{
    gap:18px !important;
  }
  .redesigned-nav a{
    font-size:.70rem !important;
  }
}

@media(max-width:900px){
  .redesigned-header-inner{
    width:min(calc(100% - 22px),1360px) !important;
    height:76px !important;
    grid-template-columns:auto 1fr auto !important;
    gap:12px !important;
  }

  .redesigned-nav{
    display:none !important;
  }

  .redesigned-menu-toggle{
    display:block !important;
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .redesigned-logo{
    grid-column:2 !important;
    width:min(330px,68vw) !important;
    height:70px !important;
    justify-self:center !important;
  }

  .redesigned-logo img{
    width:100% !important;
    max-height:64px !important;
  }

  .lounge-page .menu-category-nav,
  .lounge-page .menu-category-nav.is-fixed{
    top:76px !important;
  }
}

@media(max-width:600px){
  .redesigned-header-inner{
    height:72px !important;
  }
  .redesigned-logo{
    width:min(285px,70vw) !important;
    height:66px !important;
  }
  .redesigned-logo img{
    max-height:60px !important;
  }
  .lounge-page .menu-category-nav,
  .lounge-page .menu-category-nav.is-fixed{
    top:72px !important;
  }
}


/* Lounge sticky-menu anchor correction.
   Anchor targets stop below both the primary header and sticky category bar. */
.lounge-page #signature-cocktails,
.lounge-page #old-fashioned,
.lounge-page #wine,
.lounge-page #beer,
.lounge-page #food,
.lounge-page #dessert{
  scroll-margin-top:156px !important;
}

@media(max-width:900px){
  .lounge-page #signature-cocktails,
  .lounge-page #old-fashioned,
  .lounge-page #wine,
  .lounge-page #beer,
  .lounge-page #food,
  .lounge-page #dessert{
    scroll-margin-top:136px !important;
  }
}

@media(max-width:600px){
  .lounge-page #signature-cocktails,
  .lounge-page #old-fashioned,
  .lounge-page #wine,
  .lounge-page #beer,
  .lounge-page #food,
  .lounge-page #dessert{
    scroll-margin-top:132px !important;
  }
}


/* Precise category scrolling is handled dynamically in JS. */
.lounge-page #signature-cocktails,
.lounge-page #old-fashioned,
.lounge-page #wine,
.lounge-page #beer,
.lounge-page #food,
.lounge-page #dessert{
  scroll-margin-top:0 !important;
}

.lounge-page #happy-hour{scroll-margin-top:0 !important;}