/* TOP BAR */
.top-bar{background:var(--o);padding:8px 60px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.top-bar-left{display:flex;align-items:center;gap:24px;}
.top-bar-item{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:rgba(255,255,255,.9);text-decoration:none;transition:color .2s;}
.top-bar-item:hover{color:#fff;}
.top-bar-item svg{width:13px;height:13px;fill:rgba(255,255,255,.8);flex-shrink:0;}
.top-bar-right{display:flex;align-items:center;gap:14px;}
.social-icon{width:30px;height:30px;background:rgba(255,255,255,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s;cursor:pointer;}
.social-icon:hover{background:rgba(255,255,255,.28);}
.social-icon svg{width:15px;height:15px;fill:#fff;}

/* MAIN NAV */
.main-nav{background:rgba(6,14,28,.97);border-bottom:1px solid var(--b);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:1000;transition:all .3s;}
.main-nav.scrolled{background:rgba(6,14,28,.99);box-shadow:0 4px 30px rgba(0,0,0,.4);}
.nav-inner{padding:0 60px;display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px;}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0;}
.nav-logo img{height:46px;width:auto;object-fit:contain;}
.nav-logo-text{display:flex;flex-direction:column;line-height:1;}
.nav-logo-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--cr);}
.nav-logo-name span{color:var(--o);}
.nav-logo-sub{font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:2px;}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-link{padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;border-radius:6px;transition:all .25s;position:relative;}
.nav-link:hover{color:var(--g);background:rgba(200,169,110,.06);}
.nav-link.active{color:var(--o);}
.nav-link.active::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--o);border-radius:2px;}
.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.nav-tickets{background:var(--o);color:#fff;padding:11px 24px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .25s;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;}
.nav-tickets:hover{background:var(--o2);transform:translateY(-1px);}
.nav-tickets::before{content:'🎟';}

/* MOBILE MENU */
.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;}
.mobile-toggle span{width:24px;height:2px;background:rgba(255,255,255,.7);border-radius:2px;transition:all .3s;}
.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,14,28,.98);z-index:9999;flex-direction:column;padding:30px 24px;overflow-y:auto;}
.mobile-menu.open{display:flex;}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;}
.mobile-menu-close{background:rgba(255,255,255,.06);border:1px solid var(--b);border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.5);font-size:18px;}
.mobile-nav-links{display:flex;flex-direction:column;gap:4px;flex:1;}
.mobile-nav-link{padding:18px 20px;font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:rgba(255,255,255,.6);text-decoration:none;border-radius:10px;transition:all .2s;border-left:3px solid transparent;}
.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--o);border-left-color:var(--o);background:rgba(232,101,10,.06);}
.mobile-menu-footer{margin-top:30px;padding-top:24px;border-top:1px solid var(--b);}
.mobile-socials{display:flex;gap:12px;margin-bottom:20px;}
.mobile-tickets{width:100%;background:var(--o);color:#fff;padding:16px;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;text-align:center;display:block;}

/* ACCENT LINE UNDER NAV */
.nav-accent{height:3px;background:linear-gradient(90deg,var(--o),var(--g),var(--o2),var(--g));background-size:200%;animation:barshift 4s linear infinite;}
@keyframes barshift{0%{background-position:0%}100%{background-position:200%}}

@media(max-width:1024px){
  .nav-links{display:none;}
  .mobile-toggle{display:flex;}
  .top-bar{padding:7px 20px;}
  .top-bar-left .top-bar-item:nth-child(2){display:none;}
  .nav-inner{padding:0 20px;}
}