/* eNumis Category Widget */

/* Reserve space for the widget itself, so nothing next to it (gallery,
   short description) has to reflow while the sidebar CSS settles. */
.sidebar .enumis_widget_product_categories {
	min-width: 250px;
	min-height: 200px;
}

/* List border and rounded corners, taken from the theme's .product-categories
   rule, keyed on our own class so the shop-page and category-page variants of
   the markup look identical. */
ul.enumis-product-categories {
	padding: 0 !important;
	border: 2px solid #ddd;
	border-radius: 1em;
}

/* Red highlight on the current category */
.sidebar .widget ul.enumis-product-categories .current-cat > a {
	color: #f00;
}

.enumis-product-categories .child-indicator {
	cursor: pointer;
}

/* The count against the right edge of the row. Rendered inline after the name,
   it lands wherever the name happens to end, which on a two-line name is the
   middle of the column. */
ul.enumis-product-categories li > a {
	display: flex;
	align-items: baseline;
}

ul.enumis-product-categories li > a .count {
	margin-left: auto;
	white-space: nowrap;
}

/* Smaller type on handheld widths */
@media (max-width: 767.98px) {
	.sidebar ul.enumis-product-categories a,
	.sidebar ul.enumis-product-categories .cat-toggle-btn {
		font-size: 12px !important;
	}
}