/* Filter group — auto-loaded for the filter-group snippet
   (site/snippets/filter/filter-group.php). A collapsible: the label with a
   plus (closed) or minus (open), and the options below. */

.filter-group {
  --fa-serif: 0;
}

/* The toggle is a list item (ui/list-item) with the regular rule below. */
.filter-group__toggle {
  padding-inline: var(--space-s);
}
.filter-group__icon {
  width: 1em;
}

/* The open options end on the regular rule; the circle rows' thin rules
   separate them, the last one gives way to it. */
.filter-group__options {
  border-bottom: var(--border);
}
.filter-group__options .filter-option:last-child {
  border-bottom: 0;
}
.filter-group__options--pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  padding: var(--space-xs) var(--space-s);
}