/* ClubbingNow extras on top of shared MealPass-family UI */
.logo{font-size:20px;letter-spacing:-0.03em;}
.ticket .qr-box.cn-barcode{
  width:128px;height:56px;padding:6px;
}
.ticket .qr-box.cn-barcode img{
  width:100%!important;height:44px!important;object-fit:contain;
}
.ticket-stage{opacity:1;transform:none;animation:none;}

.nav-drop{position:relative;}
.nav-drop-btn{
  background:none;border:0;padding:0;cursor:pointer;
  font-family:var(--body);font-size:14.5px;font-weight:500;
  color:rgba(253,252,248,0.82);
}
.nav-drop-btn::after{content:" ▾";font-size:10px;opacity:.75;}
header.scrolled .nav-drop-btn, header.solid .nav-drop-btn{color:var(--ink-soft);}
.nav-drop-btn:hover, .nav-drop.open .nav-drop-btn{color:var(--amber);}
.nav-drop-menu{
  display:none;
  position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);
  min-width:230px;
  background:#161A1D;
  border:1px solid rgba(253,252,248,.14);
  border-radius:14px;
  padding:8px;
  box-shadow:0 18px 40px rgba(0,0,0,.4);
  z-index:80;
}
.nav-drop.open .nav-drop-menu{display:block;}
@media (hover:hover) and (min-width:721px){
  .nav-drop:hover .nav-drop-menu{display:block;}
}
.nav-drop-menu a{
  display:flex;flex-direction:column;gap:2px;
  padding:10px 12px;border-radius:10px;
  color:var(--white) !important;
  font-family:var(--display);font-weight:700;font-size:15px;
}
.nav-drop-menu a span{
  font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;
  color:rgba(253,252,248,.5);
}
.nav-drop-menu a:hover{background:rgba(226,163,59,.16);color:var(--amber-soft) !important;}
@media(max-width:720px){
  nav.links.nav-open .nav-drop-btn{color:rgba(253,252,248,0.9);}
  nav.links.nav-open .nav-drop-menu{
    display:flex;flex-direction:column;
    position:static;transform:none;left:auto;
    min-width:0;margin-top:8px;
    background:rgba(253,252,248,.06);
    box-shadow:none;
  }
}