/* ══════════════════════════════════════
   Vertical Category Sidebar — Shared Styles
   Used by: single-product, page, index
   (everything except front-page horizontal bar)
   ══════════════════════════════════════ */

.nco-sidebar-vertical{
	padding:16px;
	border:1px solid rgba(0,0,0,.08);
	border-radius:14px;
	background:#fff;
	box-shadow:0 4px 18px rgba(0,0,0,.04);
}

.nco-sidebar-vertical .nco-category-title{
	margin:0 0 12px;
	font-size:15px;
	font-weight:800;
	color:#111;
	padding-bottom:10px;
	border-bottom:1px solid rgba(0,0,0,.06);
}

.nco-sidebar-vertical .nco-drawer-close{
	display:none;
}

/* ── Base list — vertical ── */
.nco-sidebar-vertical .nco-category-list{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	flex-direction:column;
	gap:4px;
}

/* ── Nested subcategory lists — hidden by default ── */
.nco-sidebar-vertical .nco-category-list .nco-category-list{
	position:static;
	min-width:0;
	border:none;
	border-radius:0;
	box-shadow:none;
	background:transparent;
	margin-top:4px;
	padding:0 0 0 14px;
	border-left:2px solid rgba(0,0,0,.06);
	gap:3px;
	display:none;
}

/* Show nested list when parent is open or active */
.nco-sidebar-vertical .nco-category-item.is-open > .nco-category-list,
.nco-sidebar-vertical .nco-category-item.is-active > .nco-category-list{
	display:flex;
}

.nco-sidebar-vertical .nco-category-item{
	margin:0;
}

/* ── Row: link + toggle button side by side ── */
.nco-sidebar-vertical .nco-category-row{
	display:flex;
	align-items:center;
	gap:0;
}

.nco-sidebar-vertical .nco-category-row .nco-category-link{
	flex:1;
	min-width:0;
}

.nco-sidebar-vertical .nco-category-link{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:6px;
	padding:8px 10px;
	border:1px solid transparent;
	border-radius:10px;
	background:transparent;
	color:#333;
	text-decoration:none;
	transition:background .15s ease, border-color .15s ease, color .15s ease;
	font-size:13px;
	font-weight:600;
}

.nco-sidebar-vertical .nco-category-row .nco-category-link{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.nco-sidebar-vertical .nco-category-link:hover{
	background:rgba(0,112,186,.05);
	border-color:rgba(0,112,186,.12);
	color:#0070ba;
}

/* ── Toggle button ── */
.nco-sidebar-vertical .nco-category-toggle{
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	min-height:100%;
	padding:8px 0;
	border:1px solid transparent;
	border-left:none;
	border-radius:0 10px 10px 0;
	background:transparent;
	cursor:pointer;
	color:#999;
	transition:background .15s ease, color .15s ease;
}

.nco-sidebar-vertical .nco-category-toggle:hover{
	background:rgba(0,0,0,.04);
	color:#333;
}

.nco-sidebar-vertical .nco-category-toggle i{
	font-size:9px;
	transition:transform .2s ease;
}

/* Rotate chevron when open */
.nco-sidebar-vertical .nco-category-item.is-open > .nco-category-row .nco-category-toggle i{
	transform:rotate(180deg);
}

/* No toggle: keep full border-radius on link */
.nco-sidebar-vertical .nco-category-item:not(.has-children) .nco-category-link{
	border-radius:10px;
}

/* ── Category name ── */
.nco-sidebar-vertical .nco-category-name{
	display:inline-flex;
	align-items:center;
	gap:7px;
	font-weight:600;
	font-size:13px;
	line-height:1.15;
}

.nco-sidebar-vertical .nco-category-name i{
	font-size:10px;
	opacity:.6;
	width:14px;
	text-align:center;
	flex-shrink:0;
}

/* ── Count badge ── */
.nco-sidebar-vertical .nco-category-count{
	display:inline-block;
	font-size:10px;
	font-weight:800;
	color:#888;
	background:rgba(0,0,0,.05);
	padding:2px 6px;
	border-radius:999px;
	min-width:20px;
	text-align:center;
	flex-shrink:0;
}

/* ── Active category highlight ── */
.nco-sidebar-vertical .nco-category-item.is-active > .nco-category-row .nco-category-link{
	background:rgba(0,112,186,.10);
	border-color:rgba(0,112,186,.25);
	color:#0070ba;
	font-weight:700;
}

.nco-sidebar-vertical .nco-category-item.is-active > .nco-category-row .nco-category-toggle{
	border-color:rgba(0,112,186,.25);
	background:rgba(0,112,186,.06);
	color:#0070ba;
}

/* ── Open ancestor highlight ── */
.nco-sidebar-vertical .nco-category-item.is-open > .nco-category-row .nco-category-link{
	border-color:rgba(0,112,186,.12);
	background:rgba(0,112,186,.04);
	color:#0070ba;
}

.nco-sidebar-vertical .nco-category-item.is-open > .nco-category-row .nco-category-toggle{
	border-color:rgba(0,112,186,.12);
	background:rgba(0,112,186,.03);
	color:#0070ba;
}