/* Vertical Category Sidebar (desktop) – appears inside the theme's sidebar area */

:root {
	--scd-sidebar-width: 280px;
	--scd-sidebar-bg: #ffffff;
	--scd-sidebar-border: #e6e6e6;
	--scd-sidebar-link: #333333;
	--scd-sidebar-link-hover: var(--nectar-accent-hover-color, #0a7cff);
}

/* By default visible; rely on theme's sidebar flow */
#scd-vertical-sidebar-container { display: block; }

/* Hide vertical sidebar on mobile; use category-navbar instead */
@media (max-width: 999px) {
	#sidebar{ display: none !important; }
}

@media (min-width: 1000px) {
	/* Hide the top horizontal navbar on WooCommerce pages only to avoid duplication */
	.woocommerce #category-navbar-container { display: none !important; }
}

.scd-vertical-nav {
	padding: 10px 8px 24px 8px;
}

.scd-tree {
	margin: 0;
	padding: 0;
	list-style: none;
}

.scd-tree__item {
	position: relative;
}

.scd-tree__link {
	display: block;
	padding: 10px 36px 10px 12px;
	color: var(--scd-sidebar-link);
	text-decoration: none;
	line-height: 1.3;
}

.scd-tree__link:hover {
	color: var(--scd-sidebar-link-hover);
}

.scd-tree__item.is-open > .scd-tree__link {
	background: #008575;
	color: #ffffff;
	border-radius: 4px;
}

.scd-tree__link.is-active {
	background: #008575;
	color: #ffffff !important;
	border-radius: 4px;
}

.scd-tree__toggle {
	position: absolute;
	right: 8px;
	top: 28px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border: none;
	background: transparent !important;
	/* border: 1px solid var(--scd-sidebar-border); */
	border-radius: 4px;
	/* background: #f8f8f8; */
	cursor: pointer;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Material Symbols Rounded';
	font-size: 18px;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.scd-tree__toggle:before {
	content: 'chevron_right';
	line-height: 1;
}

.scd-tree__toggle[aria-expanded="true"]:before {
	content: 'expand_more';
}

.scd-tree__item.is-open > .scd-tree__link{
	color: white !important;
}

.scd-tree__item.is-open > .scd-tree__toggle {
	background: #008575;
	border-color: #008575;
	color: #ffffff !important;
}

.scd-tree__children {
	padding-left: 12px;
	/* border-left: 1px dashed var(--scd-sidebar-border); */
	margin-left: 12px;
}

/* Make nested links slightly smaller to indicate depth */
.scd-tree .scd-tree .scd-tree__link {
	font-size: 0.95em;
}


.scd-tree__item:not(.is-open):not(.is-active) .scd-tree__link:not(.is-active):hover{
	color: #008575 !important;
}