/* ─────────────────────────────────────────────────────────────
   site-nav.css — 사이트 전역 통합 헤더
   메인 홈(index.html)과 동일한 구조/메뉴를 모든 페이지에서 공유.
   이 파일은 각 페이지의 inline <style> 뒤에 link 되어 덮어쓴다.
   ───────────────────────────────────────────────────────────── */

/* HEADER — 홈과 동일한 1200px / 64px / sticky */
.header,
header.header{
  position:sticky !important;
  top:0; left:0; right:0; z-index:100;
  background:rgba(13,11,20,0.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(201,169,110,0.15);
  height:64px;
  display:flex;
  align-items:center;
  transition:background 0.3s;
}
.header-inner{
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 32px !important;
  width:100%;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

/* LOGO — SVG 마크 + 텍스트 2줄 */
.logo,
a.logo{
  display:flex !important;
  align-items:center;
  gap:12px;
  text-decoration:none;
  flex-shrink:0;
}
.logo-mark{
  width:38px !important;
  height:38px !important;
  position:relative;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  font-size:inherit !important;
}
.logo-mark svg{width:100%;height:100%;display:block;}
.logo-text{display:block;}
.logo-name{
  font-family:'Cinzel',serif !important;
  font-size:18px !important;
  color:#C9A96E !important;
  letter-spacing:0.14em !important;
  line-height:1 !important;
}
.logo-kana{
  font-family:'Noto Sans JP',sans-serif;
  font-size:10px;
  color:#B8B0A0;
  letter-spacing:0.18em;
  margin-top:3px;
  font-weight:300;
}

/* MAIN NAV — 7 links + CTA */
.main-nav{display:flex !important;align-items:center;gap:2px;}
.main-nav .nav-link,
a.nav-link{
  font-family:'Noto Sans JP',sans-serif;
  font-size:12.5px;
  color:#D8D0C0;
  text-decoration:none;
  padding:6px 12px;
  border-radius:6px;
  letter-spacing:0.07em;
  transition:color 0.15s,background 0.15s;
  white-space:nowrap;
  font-weight:300;
}
.main-nav .nav-link:hover,
a.nav-link:hover{color:#C9A96E;background:rgba(201,169,110,0.07);}
.main-nav .nav-link.active,
a.nav-link.active{color:#C9A96E;background:rgba(201,169,110,0.08);}
.nav-cta,
a.nav-cta{
  font-family:'Noto Serif JP',serif;
  font-size:12px;
  color:#0D0B14 !important;
  background:#C9A96E !important;
  padding:8px 18px;
  border-radius:50px;
  text-decoration:none;
  letter-spacing:0.1em;
  font-weight:500;
  margin-left:8px;
  transition:background 0.15s,transform 0.12s;
  white-space:nowrap;
  flex-shrink:0;
}
.nav-cta:hover,
a.nav-cta:hover{background:#E2C98A !important;transform:scale(1.03);}

/* PAGE BREADCRUMB — 헤더 아래 작은 행 (서브 페이지용) */
.page-breadcrumb{
  max-width:1200px;
  margin:0 auto;
  padding:18px 32px 0;
  font-family:'Noto Sans JP',sans-serif;
  font-size:11.5px;
  color:#B8B0A0;
  letter-spacing:0.08em;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:300;
}
.page-breadcrumb a{color:#D8D0C0;text-decoration:none;transition:color 0.15s;}
.page-breadcrumb a:hover{color:#C9A96E;}
.page-breadcrumb .sep{color:rgba(201,169,110,0.4);}
.page-breadcrumb .current{color:#D8D0C0;}

/* RESPONSIVE */
@media (max-width: 1024px){
  .header-inner{padding:0 20px !important;gap:12px;}
  .main-nav{gap:0;}
  .main-nav .nav-link{padding:6px 8px;font-size:11.5px;}
  .main-nav .nav-link:nth-child(n+5){display:none;}
  .page-breadcrumb{padding:16px 20px 0;}
}
@media (max-width: 768px){
  .header,
  header.header{height:56px;}
  .main-nav .nav-link{display:none;}
  .logo-name{font-size:15px !important;letter-spacing:0.1em !important;}
  .logo-kana{font-size:9px;}
  .logo-mark{width:32px !important;height:32px !important;}
  .nav-cta{padding:7px 14px;font-size:11px;letter-spacing:0.06em;margin-left:0;}
  .page-breadcrumb{font-size:10.5px;padding:14px 16px 0;}
}