/* ═══════════════════════════════════════════════════════════════════════
   WACT — 상단 네비게이션 (시안 1.png 그대로 구현)

   시안 원본 = 1920×148. 실측(1920 기준):
     로고 x121~246(폭126 · 높이31) · 대문자 높이 14 · 세로중심 77.5
     메뉴 간격 117 · CONTACT US 끝 1601 → JOIN 1653(간격 52)
     JOIN 1653~1693 · 구분선 1715~1717(폭3 · 높이18) · LOGIN 1739~1792
     우 여백 127 · 배경 #000 · 메뉴 #FFF · JOIN/LOGIN #CFFF04

   ★ 스케일 정책 (8/26 개정 — 32인치 풀화면 지적)
     1920 에서 시안 원본 픽셀 그대로, 1440 에서 ×0.75, 그 아래는 계속 비례.
     1920 을 넘으면 상한에 걸려 더 커지지 않는다.
     이전에는 상한이 1440 값이라 1920 화면에서 전부 75% 로 축소돼
     글자가 작아지고 라임 면적이 56% 로 줄어 색까지 죽어 보였다.
   ═════════════════════════════════════════════════════════════════════ */
body > nav{
  background:#000!important;
  height:clamp(62px, 7.71vw, 148px);
  border-bottom:0!important;
  box-shadow:none!important;
}
body > nav .nav-in{
  max-width:none;width:100%;height:clamp(62px, 7.71vw, 148px);
  padding:0 clamp(20px, 6.60vw, 126.67px) 0 clamp(20px, 6.32vw, 121.33px);margin:0;
  display:flex;align-items:center;justify-content:space-between;
}

/* 로고 — 텍스트 대신 시안 워드마크 */
body > nav .logo{
  display:block;width:clamp(72px, 6.60vw, 126.67px);aspect-ratio:787 / 196;height:auto;
  background:url('../img/wact-logo-w.png') no-repeat center/contain;
  font-size:0;line-height:0;color:transparent;flex:0 0 auto;
}
body > nav .logo span{display:none}

/* 메뉴 */
body > nav .nav-links{
  display:flex;align-items:center;gap:clamp(18px, 6.04vw, 116px);
}
/* 시안 대문자 높이 14(1920) → font-size 18.67 */
body > nav .nav-links > a{
  color:#fff;font-size:clamp(12px, .97vw, 18.67px)!important;font-weight:800;letter-spacing:-.055em;
  line-height:1;text-decoration:none;white-space:nowrap;
  transition:color .2s ease;
}
body > nav .nav-links > a:hover{color:#CFFF04}

/* JOIN · 구분선 · LOGIN — 시안은 JOIN 과 LOGIN 사이에 구분선
   ★ theme/wact/css/style.css:791 이 .nav-mem 에 opacity:.5 를 걸어놔
     라임이 rgb(110,126,32) 올리브로 죽어 있었다(정우 지적). 여기서 되돌린다. */
body > nav .nav-links > .nav-mem{
  color:#CFFF04;font-size:clamp(12px, .97vw, 18.67px)!important;
  opacity:1!important;
}
/* CONTACT US → JOIN 은 52(1920) — 기본 gap 116 에서 64 상쇄
   ★ clamp 하한이 1440 값(-50)이라 1920 에서 -66.6 이 -50 으로 잘렸다.
     그 탓에 JOIN·구분선 구간이 벌어지고 앞 메뉴가 전부 왼쪽으로 밀렸다. */
body > nav .nav-links > a:not(.nav-mem) + a.nav-mem{margin-left:clamp(-64px, -3.33vw, -10px)}
/* JOIN | LOGIN 은 22+3+22 — 구분선 양옆 gap 을 95 씩 상쇄 */
body > nav .nav-links .nav-sep{
  width:max(1px, .156vw);height:clamp(11px, 1.04vw, 20px);
  background:#CFFF04;opacity:1!important;
  margin:0 clamp(-94px, -4.9vw, -14px);
}
/* hover 는 투명도 대신 밝기로 — 라임을 흐리지 않는다 */
body > nav .nav-links > a.nav-mem:hover{opacity:1!important;color:#E4FF57}

/* 본문 상단 여백을 nav 높이와 동기화 — 안 맞으면 히어로가 nav 뒤로 잘린다 */
body.wact-main{padding-top:clamp(62px, 7.71vw, 148px)!important}

/* 900px 이하: 햄버거만 — nav.css 의 display:flex 가 기존 숨김 규칙을 덮어써서
   메뉴와 햄버거가 동시에 보이던 것 */
@media(max-width:900px){
  body > nav .nav-links{display:none!important}
  body > nav .nav-in{justify-content:space-between}
}

/* 햄버거 — 라임 배경 시절 검정 막대라 블랙 nav 에서 안 보였다 */
body > nav .nav-burger{background:transparent;border:0}
body > nav .nav-burger span{background:#FBFBF3!important}
body > nav .nav-burger:focus-visible{outline:2px solid #CFFF04;outline-offset:4px;border-radius:6px}
body > nav .nav-burger:hover span{background:#CFFF04!important}
/* 모바일 드롭다운도 블랙 계열로 맞춘다 (여기도 원본 opacity:.6 을 걷어낸다) */
body > nav .nav-mobile{background:#0a0a0a!important;border-top:1px solid rgba(255,255,255,.12)}
body > nav .nav-mobile a{color:#FBFBF3!important}
body > nav .nav-mobile a.nav-mem-m{color:#CFFF04!important;opacity:1!important}


/* ── 9/9: JOIN 메뉴가 잘 안 보인다(클라이언트) — 라임 필 버튼으로 강조 ── */
body > nav .nav-links > a.nav-mem[href*="register"]{
  background:#CFFF04;color:#101010!important;
  padding:.5em 1.05em;border-radius:100px;font-weight:800;
}
body > nav .nav-links > a.nav-mem[href*="register"]:hover{background:#E4FF57;color:#101010!important;opacity:1!important}