/* ==========================================================================
   CATEGORY FILTER
   The filter is a left dock (see category-nav.css for the shared .left-dock
   shell). This file only styles the facet content inside it.
   Facet buttons reuse the existing .filter-btn / .filter-section styling.
   ========================================================================== */

.facet-count {
  color: #8a8a99;
  font-size: 12px;
  margin-left: 2px;
}

.filter-empty,
.filter-no-results {
  color: #666;
  padding: 16px 0;
}

/* Facet options that would yield no results under the current selection. */
.filter-btn.is-disabled,
.filter-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* Subtle dimming while a fresh grid is being fetched. */
#productGrid.is-loading {
  opacity: 0.5;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

/* Keep the sticky action row pinned to the bottom of the dock body. */
.category-filter .filter-actions {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding-top: 12px;
  margin-top: 8px;
  border-top: 1px solid #eee;
  display: flex;
  gap: 8px;
}

  .category-filter .filter-actions .apply-filters-btn {
    flex: 1 1 auto;
  }