/* ===== Navbar-only CSS (desktop + mega) ===== */

/* Base navbar */
.navbar {
  background-color: var(--primary-color);
  padding: 8px;
  display: flex; /* 안전장치: 부트스트랩 미적용시 세로 정렬 방지 */
  align-items: center;
}
.navbar .navbar-brand,
.navbar .nav-link { color: var(--white-color); padding:10px 0; }

/* Hover: 텍스트만 강조(트리거/일반 공통) */
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:focus-visible,
.navbar .nav-link[aria-expanded="true"]{
  color: var(--secondary-color-light) !important;
  background: transparent !important;
}

/* Spacing & separators */
.navbar-nav{ display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; gap:0; }
.navbar-nav .nav-item{ position:relative; white-space:nowrap; }
.navbar-nav .nav-link{
  display:inline-flex; align-items:center;
  padding-left:12px !important; padding-right:12px !important; line-height:1.4;
}
.navbar-nav .nav-item:not(:first-child)::before{
  content:""; display:inline-block; vertical-align:middle;
  width:1px; height:1.2em; background:rgba(255,255,255,.5); margin:0 10px;
}
@media (max-width:1280px){
  .navbar-nav .nav-link{ padding-left:10px !important; padding-right:10px !important; }
  .navbar-nav .nav-item:not(:first-child)::before{ margin:0 8px; }
}

/* 안전장치: 데스크탑에서는 접힘 영역을 항상 보이게 */
@media (min-width: 992px) {
  .navbar .navbar-collapse { display: flex !important; align-items: center; }
}

/* ===== Mega menu ===== */
#mega-root{ position:fixed; inset:0; z-index:1060; pointer-events:none; }

@media (min-width:992px){
  .mega-panel{ position:fixed; z-index:1060; display:none; pointer-events:auto; }
  .mega-panel.open{ display:block; }

  .mega-card{
    position:relative;
    background: rgba(255,255,255, var(--mega-surface, .96));
    color:#111; border:1px solid rgba(0,0,0,.08);
    border-radius: var(--mega-radius, 10px);
    box-shadow:0 10px 28px rgba(0,0,0,.14);
    overflow:auto;
    opacity:0; transform:translateY(-8px); /* 애니메이션 시작 상태 */
  }

  /* 패널-텍스트 바닥 간격(네 면) — x정렬 기준은 padding-left */
  .mega-list{
    list-style:none; margin:0;
    padding: var(--mega-pad-top)
             var(--mega-pad-right)
             var(--mega-pad-bottom)
             var(--mega-pad-left);
  }
  .mega-list li a{
    display:block; white-space:nowrap;
    padding: var(--mega-item-y) 0;  /* 행의 세로 간격만 */
    color:#111; text-decoration:none; border-radius:6px;
  }
  .mega-list li a:hover, .mega-list li a:focus{
    background: transparent !important;
    color: var(--secondary-color-dark) !important;
  }

  /* 드롭 애니메이션 */
  .mega-panel.open .mega-card{ animation:mm-drop .16s ease-out forwards; }
  @keyframes mm-drop{
    from{ opacity:0; transform:translateY(-8px); }
    to  { opacity:1; transform:translateY(0); }
  }
}

body.home .site-header .navbar { background-color: transparent !important; }
body.home .site-header .top-nav.scrolled .navbar { background-color: var(--primary-color) !important; }