/* NAV WRAPPER */
.nav-inner{
  max-width:1200px;
  margin:0 auto;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  padding:0 16px;
}

/* DESKTOP MENU (ORTADA) */
.nav-desktop{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:32px;
}

.nav-desktop a{
  color:#fff;
  text-decoration:none;
  font-weight:500;
  opacity:.85;
  font-family:Orbitron;
  letter-spacing:1.5px;
}
.nav-desktop a:hover{
  opacity:1;
}

/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  z-index:1001;
}
.hamburger span{
  width:22px;
  height:2px;
  background:#fff;
  border-radius:2px;
}

/* MOBILE MENU OVERLAY */
.mobile-menu{
  position:fixed;
  inset:0;
  background:#050510;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:28px;
  z-index:1000;
}

/* CLOSE BUTTON */
.mobile-menu .close{
  position:absolute;
  top:20px;
  right:20px;
  font-size:32px;
  color:#fff;
  cursor:pointer;
  opacity:.85;
}
.mobile-menu .close:hover{
  opacity:1;
}

/* MOBILE LINKS */
.mobile-menu a{
  color:#fff;
  text-decoration:none;
  font-size:20px;
  font-weight:600;
  font-family:Orbitron;
  letter-spacing:1.5px;
}

/* BODY LOCK WHEN MENU OPEN */
body.menu-open{
  overflow:hidden;
}

/* RESPONSIVE */
@media(max-width:768px){
  .nav-desktop{display:none;}
  .hamburger{display:flex;}
}

/* ===== DESKTOP HEADER FIX ===== */
@media (min-width: 1024px){

  body{
    padding-top:80px; /* HEADER İLE UYUMLU */
  }

  header.top{
    height:80px;
  }

  .nav-inner{
    height:80px;
    display:flex;
    align-items:center;
  }

  .nav-desktop{
    top:50%;
    transform:translate(-50%, -50%);
    white-space:nowrap;
  }

/* === MENUYU BODY FONTUNA ZORLA GERİ AL === */
@media (min-width:1024px){

  header.top .nav-desktop a{
    font-family: Inter, system-ui !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    letter-spacing: .8px !important;
    opacity: .75;
  }

  header.top .nav-desktop a:hover{
    opacity: 1;
  }

}