/* -----------------------------------------------------------------------------
   Sidebar
   ----------------------------------------------------------------------------- */

/* Sidebar title: "Groups navigation" (dark, bold, spacing below). */
.bond-bp-sidebar-title {
	color: var(--color-bond-black);
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0 0 1rem;
	padding: 0;
}

/* Sidebar nav: list reset, default grey links, hover and active states. */
.bond-bp-sidebar-nav .bond-bp-sidebar-menu,
.bond-bp-groups-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bond-bp-sidebar-menu li {
	margin-bottom: 0;
}

.bond-bp-sidebar-menu li + li {
	margin-top: 0.375rem;
}

.bond-bp-sidebar-menu li::before {
	content: none;
	display: none;
}

.bond-bp-sidebar-menu a {
	display: block;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
	border-radius: 4px;
	color: var(--color-bond-black);
	font-weight: 400;
}

.bond-bp-sidebar-menu a:hover {
	background: var(--color-bond-grey-light);
	color: var(--color-bond-black);
}

.bond-bp-sidebar-menu li.current-menu-item a {
	background: var(--color-bond-grey-light);
	color: var(--color-bond-red-darker);
	font-weight: 700;
	padding: 0.625rem 0.75rem;
}

/* Subtitle: "My Groups" (lighter grey, smaller, spacing above). */
.bond-bp-sidebar-heading {
	color: var(--color-bond-grey);
	font-size: 0.9375rem;
	font-weight: 400;
	margin: 1.5rem 0 0.5rem;
	padding: 0 0.75rem;
}

/* "My Groups" heading is pulled left to align with section labels in the reference layout. */
.bond-bp-my-groups .bond-bp-sidebar-heading {
	color: var(--color-bond-grey);
	font-size: 1.1rem;
	font-weight: 400;
	margin: 1rem 0 0.5rem;
	margin-left: -0.25rem;
	padding: 0;
}

/* My group links should mirror the primary sidebar menu item styling. */
.bond-bp-my-groups .bond-bp-groups-list a {
	padding: 0.5rem 0.75rem;
	color: var(--color-bond-black);
	font-weight: 400;
}