/* Faceted filter UI for /horse-feed. Loaded only when useNewFilterUI = true. */
.feed-filter-sidebar { margin-bottom: 24px; }
.feed-filter-panel {
  border: 1px solid #e6e3dd; border-radius: 8px; background: #fff;
  padding: 16px; position: sticky; top: 90px;
}
.feed-filter-head {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
}
.feed-filter-title { font-weight: 700; color: #403d37; }
.feed-filter-clear {
  border: 0; background: none; color: #6b6256; text-decoration: underline;
  cursor: pointer; font-size: 13px; padding: 0;
}
.feed-filter-clear:hover { color: #403d37; }
.feed-filter-mobile-toggle {
  display: none; width: 100%; border: 1px solid #403d37; background: #403d37;
  color: #fff; border-radius: 6px; padding: 10px 14px; font-weight: 600; cursor: pointer;
}
.feed-filter-active-count { font-weight: 400; opacity: .85; }
.feed-filter-group { border-top: 1px solid #efece6; padding: 6px 0; }
.feed-filter-group:first-child { border-top: 0; }
.feed-filter-group-head {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  border: 0; background: none; cursor: pointer; padding: 8px 2px;
  font-weight: 600; color: #403d37; font-size: 15px;
}
.feed-filter-group-head .fa { transition: transform .2s ease; font-size: 12px; color: #9b9384; }
.feed-filter-group.is-collapsed .feed-filter-group-head .fa { transform: rotate(180deg); }
.feed-filter-options { display: block; padding: 2px 2px 8px; }
.feed-filter-group.is-collapsed .feed-filter-options { display: none; }
.feed-filter-option {
  display: flex; align-items: center; gap: 8px; padding: 6px 4px; margin: 0;
  cursor: pointer; border-radius: 4px; font-size: 14px;
}
.feed-filter-option:hover { background: #f7f5f1; }
.feed-filter-option input { margin: 0; cursor: pointer; }
.feed-filter-option-label { flex: 1 1 auto; color: #4a463f; }
.feed-filter-option-count { color: #9b9384; font-size: 12px; font-variant-numeric: tabular-nums; }
.feed-filter-option.is-hidden { display: none; }
.feed-filter-group.is-hidden { display: none; }
.feed-results-bar { margin-bottom: 16px; }
.feed-results-count { font-weight: 600; color: #403d37; margin: 0 0 8px; }
.feed-active-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.feed-chip {
  display: inline-flex; align-items: center; gap: 6px; border: 1px solid #d8d3ca;
  background: #f4f1ec; color: #403d37; border-radius: 999px; padding: 4px 12px;
  font-size: 13px; cursor: pointer;
}
.feed-chip:hover { background: #e9e4db; }
.feed-chip-x { font-size: 15px; line-height: 1; }
.feed-empty-state { text-align: center; padding: 48px 16px; color: #6b6256; }
.feed-empty-state .feed-empty-reset {
  margin-top: 8px; border: 1px solid #403d37; background: #403d37; color: #fff;
  border-radius: 6px; padding: 8px 18px; cursor: pointer;
}
@media (max-width: 991px) {
  .feed-filter-panel { position: static; }
  .feed-filter-mobile-toggle { display: block; margin-bottom: 12px; }
  .feed-filter-head, .feed-filter-groups { display: none; }
  .feed-filter-groups.is-open { display: block; }
}