/* ==========================================================================
   NAVIGA tools-nav.v1.css — 장례도구 독립 사이트 전용 헤더 SSOT.
   nav.v2.css(홈 공용)에서 파생하되 상품 퍼널 요소(callbtn·kakaobtn·navlinks-call)를
   제거하고 워드마크 부제(.brand .sub "장례도구")를 추가한 자급자족 헤더.
   ※ 홈 공용 nav.v2.css는 건드리지 않는다. 이 파일은 /tools/ 전용.
   수정 시 파일명 버전업(tools-nav.v2.css) 규율.
   ========================================================================== */

/* --- 자급자족 토큰 --- */
nav.nav-dark{
  --green-900:#161E15; --green-800:#1F2A1E; --green-700:#2E3A2E; --green-600:#3A4A3A;
  --green-500:#4A5A48; --sage:#9CAE96; --sage-2:#B9C6B2; --sage-3:#D7DED1;
  --ivory:#F4F1EA; --ivory-2:#EDE9DF; --paper:#FBFAF6; --charcoal:#272A24; --muted:#6E7268;
  --line:rgba(46,58,46,.15); --line-2:rgba(46,58,46,.28); --gold:#B8923F; --gold-2:#C9A86A;
  --serif-ko:'Nanum Myeongjo',serif; --serif-en:'Cormorant Garamond',serif; --sans:'Pretendard',sans-serif;
}

/* Stage 1: calendar must fit on one landscape A4 page. */
@media print{
  body:has(.calendar-box){background:#fff;font-size:10pt}
  .calendar-box{padding:4mm!important;break-inside:avoid}
  .calendar-box .cal-head{margin-bottom:2mm!important}
  .calendar-box .cal-head button{display:none!important}
  .calendar-box .cal-head h2{font-size:20pt!important}
  .calendar-box .week div{padding:1.5mm!important}
  .calendar-box .day{min-height:21mm!important;padding:2mm!important}
  .calendar-box .lunar{font-size:8pt!important}
  .calendar-box .son{font-size:7pt!important;margin-top:1mm!important}
  .calendar-box .selected{margin-top:3mm!important;padding:3mm!important}
  .calendar-box .selected strong{margin-bottom:1mm!important}
}

/* --- nav 베이스 (fixed·투명·보더·트랜지션) --- */
nav.nav-dark{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid rgba(160,140,90,.22);transition:background .35s,border-color .35s,box-shadow .35s}

/* --- 앵커 리셋 (도구 하위엔 전역 a 리셋이 없어 nav 스코프로 자체 리셋) --- */
nav.nav-dark a{color:inherit;text-decoration:none}

/* --- .wrap --- */
nav.nav-dark .wrap{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:94px}

/* --- .brand (로고=나비가(家) + 부제=장례도구) --- */
nav.nav-dark .brand{display:flex;align-items:baseline;gap:11px;font-size:29px;letter-spacing:.16em;padding-right:28px;border-right:1px solid rgba(160,140,90,.28)}
nav.nav-dark .brand .ko{font-family:var(--serif-ko);font-weight:800;font-size:25px;letter-spacing:.16em}
nav.nav-dark .brand .ko .ha{font-weight:700}
nav.nav-dark .brand .sub{font-family:var(--serif-ko);font-weight:700;font-size:15px;letter-spacing:.14em;padding-left:11px;border-left:1px solid rgba(160,140,90,.34)}

/* --- .navlinks (카테고리 3종) --- */
nav.nav-dark .navlinks{display:flex;gap:0;font-size:16.5px}
nav.nav-dark .navlinks a{position:relative;padding:10px 26px;border-right:1px solid rgba(160,140,90,.28);transition:color .25s}
nav.nav-dark .navlinks a:first-child{border-left:1px solid rgba(160,140,90,.28)}
nav.nav-dark .navlinks a::after{display:none}

/* --- .navbtns (햄버거만 보유) --- */
nav.nav-dark .navbtns{display:flex;align-items:center;gap:20px}

/* --- .menu-toggle (햄버거) --- */
nav.nav-dark .menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
nav.nav-dark .menu-toggle span{width:24px;height:1.5px;display:block}

/* ---- 다크(상단) 상태 ---- */
nav.nav-dark:not(.nav-solid) .brand .ko{color:var(--ivory)}
nav.nav-dark:not(.nav-solid) .brand .ko .ha{color:var(--gold-2)}
nav.nav-dark:not(.nav-solid) .brand .sub{color:var(--sage-2);border-left-color:rgba(201,168,106,.4)}
nav.nav-dark:not(.nav-solid) .navlinks{color:rgba(244,241,234,.86)}
nav.nav-dark:not(.nav-solid) .navlinks a:hover{color:var(--gold-2)}
nav.nav-dark:not(.nav-solid) .navlinks a[aria-current="page"]{color:var(--gold-2)}
nav.nav-dark:not(.nav-solid) .menu-toggle span{background:var(--ivory)}

/* ---- 솔리드(스크롤/밝은배경) 상태 ---- */
nav.nav-dark.nav-solid{background:rgba(244,241,234,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 6px 24px -14px rgba(46,58,46,.35)}
nav.nav-dark.nav-solid .brand .ko{color:var(--green-700)}
nav.nav-dark.nav-solid .brand .ko .ha{color:#000}
nav.nav-dark.nav-solid .brand .sub{color:var(--green-600);border-left-color:var(--line-2)}
nav.nav-dark.nav-solid .navlinks{color:var(--green-600)}
nav.nav-dark.nav-solid .navlinks a:hover{color:var(--green-800)}
nav.nav-dark.nav-solid .navlinks a[aria-current="page"]{color:var(--green-800);font-weight:600}
nav.nav-dark.nav-solid .menu-toggle span{background:var(--green-700)}

/* ---- responsive: 햄버거 전환 (@media 980px) ---- */
@media(max-width:980px){
  nav.nav-dark .navlinks{display:none}
  nav.nav-dark .brand{border-right:0;padding-right:0}
  nav.nav-dark .menu-toggle{display:flex}
  nav.nav-dark .navlinks.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--ivory);border-bottom:1px solid var(--line);box-shadow:0 18px 32px -24px rgba(46,58,46,.55);padding:6px 0;z-index:60}
  nav.nav-dark .navlinks.open a{padding:14px 28px;border:0;border-bottom:1px solid var(--line);color:var(--green-700);font-size:16px}
  nav.nav-dark .navlinks.open a:last-child{border-bottom:0}
}

/* ---- 하위 도구용: sticky 변형(문서 흐름 유지) ---- */
nav.nav-dark.nav-sticky{position:sticky;top:0}

/* Shared simple header for every funeral tool page. */
nav.nav-dark.tools-simple-header{
  position:sticky;
  top:0;
  background:#F4F1EA;
  border-bottom:1px solid rgba(46,58,46,.15);
  box-shadow:0 5px 18px -16px rgba(31,42,30,.55);
  backdrop-filter:none;
}
nav.nav-dark.tools-simple-header .wrap{
  height:60px;
  justify-content:flex-start;
}
nav.nav-dark.tools-simple-header .tools-home-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  color:#2E3A2E;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.01em;
}
nav.nav-dark.tools-simple-header .tools-home-link:hover{color:#161E15}
nav.nav-dark.tools-simple-header .tools-home-link span{font-size:18px;line-height:1}
@media(max-width:760px){
  nav.nav-dark.tools-simple-header .wrap{height:56px;padding:0 18px}
}

/* ---- 방어: 인쇄 시 nav 숨김 ---- */
@media print{nav.nav-dark{display:none!important}}