/* Filter bar fixes to remove redundant elements */

/* Hide the redundant filter elements */
.active-filter-tags {
  display: none !important;
}

/* Hide the redundant excluded-tags-filter when filters-container exists */
.filter-bar:has(.filters-container) .excluded-tags-filter,
.filter-bar:has(.filters-container) .excluded-sources-filter {
  display: none !important;
}

/* Ensure the active-filter-tag elements are styled properly */
.active-filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--tag-bg);
  color: var(--primary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0.25rem;
}

/* Style the filter labels */
.filter-bar span {
  color: var(--muted);
  font-size: 0.875rem;
  margin-right: 0.5rem;
}

/* Ensure the active-filter has proper layout */
.active-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

/* Make sure the filters-container has proper layout */
.filters-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}