/* 메인 메뉴 "Categories" 클릭 → 폴더 트리 패널 (테마의 ul 드롭다운 스크립트와 겹치지 않게 div 로 구성) */
#site-navigation li.nvi-cat-root > a:after {
	content: "\f0d7"; font-family: FontAwesome; padding-left: .6em;
}
#site-navigation li.nvi-cat-root.nvi-open > a:after { content: "\f0d8"; }

#site-navigation .nvi-cat-panel {
	position: absolute; top: 100%; left: 0; z-index: 100000;
	width: 320px; max-height: 75vh; overflow-y: auto; overscroll-behavior: contain;
	background: #222; box-shadow: 0 6px 16px rgba(0, 0, 0, .45);
	line-height: 1.3; text-align: left;
}
#site-navigation .nvi-cat-panel[hidden] { display: none; }

#site-navigation .nvi-cat-panel .nvi-cat-toggle,
#site-navigation .nvi-cat-panel a.nvi-cat-link {
	display: flex; align-items: center; gap: .5em; width: 100%;
	margin: 0; padding: 11px 15px; border: 0; border-bottom: 1px solid #1a1a1a; border-radius: 0;
	background: none; box-shadow: none; color: #ddd; font: inherit; font-size: 14px; line-height: 1.3;
	text-align: left; text-decoration: none; text-transform: none; cursor: pointer;
}
#site-navigation .nvi-cat-panel .nvi-cat-toggle:hover,
#site-navigation .nvi-cat-panel a.nvi-cat-link:hover,
#site-navigation .nvi-cat-panel .nvi-cat-toggle:focus-visible,
#site-navigation .nvi-cat-panel a.nvi-cat-link:focus-visible { background: #363636; color: #fff; outline: none; }

#site-navigation .nvi-cat-panel .nvi-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#site-navigation .nvi-cat-panel .nvi-cnt { flex: none; color: #888; font-size: 12px; }
#site-navigation .nvi-cat-panel .nvi-caret { flex: none; width: 1em; color: #888; text-align: center; transition: transform .15s; }
#site-navigation .nvi-cat-panel .nvi-cat-toggle[aria-expanded="true"] > .nvi-caret { transform: rotate(90deg); color: #fff; }
#site-navigation .nvi-cat-panel .nvi-cat-toggle[aria-expanded="true"] { color: #fff; background: #2c2c2c; }

/* 하위 단계는 들여쓰기 + 배경을 조금씩 어둡게 */
#site-navigation .nvi-cat-list .nvi-cat-list { background: rgba(0, 0, 0, .18); }
#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
#site-navigation .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 30px; }
#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 45px; }
#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 60px; }
#site-navigation .nvi-cat-panel a.nvi-cat-all { color: #9ab; font-size: 13px; }
#site-navigation .nvi-cat-list[hidden] { display: none; }

/* 모바일(테마가 햄버거 메뉴로 바뀌는 폭): 패널을 메뉴 안에 펼침 */
@media screen and (max-width: 991.98px) {
	/* 펼친 목록이 길어도 끝까지 볼 수 있게: 패널 안에서 스크롤 (화면 높이의 65%까지) */
	#site-navigation .nvi-cat-panel {
		position: static; width: 100%; box-shadow: none; background: #1c1c1c;
		max-height: 65vh; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
		touch-action: pan-y;
	}
	#site-navigation li.nvi-cat-root > a:after { float: right; }
}