/**
 * @file
 * Sidebar / facet styling for the Save Mo Lives theme.
 *
 * Applies to filter sidebars used on search, news, and project listings.
 */

.page__sidebar .block {
  margin-bottom: 1.75rem;
}

.page__sidebar .block__title,
.page__sidebar h2 {
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--sml-orange);
  color: var(--sml-black);
  font-size: 1.1rem;
  font-weight: 800;
}

/* Facets. */
.block-facets ul,
.facets-widget ul,
.facet-inactive ~ ul,
ul.facets {
  list-style: none;
}

.block-facets li,
.facets-widget li {
  margin-bottom: 0.4rem;
  list-style: none;
}

.block-facets a,
.facets-widget a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--sml-black);
  text-decoration: none;
}

.block-facets a:hover,
.facets-widget a:hover {
  color: var(--sml-purple);
}

.facet-item__count {
  color: var(--sml-gray-mid);
  font-size: 0.85rem;
}

.facets-widget .is-active,
.block-facets .is-active {
  font-weight: 700;
  color: var(--sml-purple);
}

/* Topic sidebar collapse (driven by JS .open toggle). */
.block-topic-menu-navigation h2 {
  cursor: pointer;
}

.block-topic-menu-navigation .menu {
  display: none;
}

.block-topic-menu-navigation.open .menu {
  display: block;
}