/* Shop By Category — subcategory list styling.
   Everything else (sidebar-list, product-card, category-card, etc.)
   is assumed to already be styled by your theme's existing CSS. */

.sidebar-sublist {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 0 20px;
}

.sidebar-sublist li {
	padding: 8px 10px;
	font-size: 0.9em;
	cursor: pointer;
	border-radius: 6px;
}

.sidebar-sublist li:hover {
	background: rgba(0, 0, 0, 0.04);
}

.sidebar-sublist li.active {
	background: rgba(0, 0, 0, 0.08);
	font-weight: 600;
}

#sbc-product-grid {
	transition: opacity 0.15s ease;
}