/* assets/css/category_filter_mod.css - horizontal icon filter styling */
:root {
  --filter-gap: 1rem;
  --filter-card-width: 120px;
}

.category-filter-icons {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--filter-gap);
  overflow-x: auto;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.category-filter-icons .category-card {
  flex: 0 0 var(--filter-card-width);
  max-width: var(--filter-card-width);
  text-align: center;
}

.category-filter-icons .category-icon {
  font-size: 1.5rem;
}


/* Icon title (category name) color */
.category-filter-icons .category-name {
  color: #000;
}