/* Automatically generated category filtering CSS */
/* Generated at build time based on actual post categories */

/* Category Filtering Logic */
/* Show all posts by default */
.post-item {
  display: list-item;
}

/* Show all when "All" is selected (default) */
#filter-all:checked ~ .home-article-section .post-item {
  display: list-item;
}

/* Checked state styling for category filter labels */
#filter-all:checked ~ .category-filter label[for="filter-all"],
#filter-ai:checked ~ .category-filter label[for="filter-ai"],
#filter-health:checked ~ .category-filter label[for="filter-health"],
#filter-math-science:checked ~ .category-filter label[for="filter-math-science"],
#filter-startups:checked ~ .category-filter label[for="filter-startups"],
#filter-tinkering:checked ~ .category-filter label[for="filter-tinkering"],
#filter-ways-of-looking:checked ~ .category-filter label[for="filter-ways-of-looking"],
#filter-best-of:checked ~ .category-filter label[for="filter-best-of"],
#filter-uncategorized:checked ~ .category-filter label[for="filter-uncategorized"] {
  background-color: #575653;
  border-color: #575653;
  color: #FEFEFE;
  font-weight: 500;
}

/* Hide all posts when any specific filter is active */
#filter-ai:checked ~ .home-article-section .post-item,
#filter-health:checked ~ .home-article-section .post-item,
#filter-math-science:checked ~ .home-article-section .post-item,
#filter-startups:checked ~ .home-article-section .post-item,
#filter-tinkering:checked ~ .home-article-section .post-item,
#filter-ways-of-looking:checked ~ .home-article-section .post-item,
#filter-best-of:checked ~ .home-article-section .post-item,
#filter-uncategorized:checked ~ .home-article-section .post-item {
  display: none;
}

/* Show posts that match specific categories */
#filter-ai:checked ~ .home-article-section .post-item[data-categories*="ai"],
#filter-health:checked ~ .home-article-section .post-item[data-categories*="health"],
#filter-math-science:checked ~ .home-article-section .post-item[data-categories*="math-science"],
#filter-startups:checked ~ .home-article-section .post-item[data-categories*="startups"],
#filter-tinkering:checked ~ .home-article-section .post-item[data-categories*="tinkering"],
#filter-ways-of-looking:checked ~ .home-article-section .post-item[data-categories*="ways-of-looking"],
#filter-best-of:checked ~ .home-article-section .post-item[data-categories*="best-of"],
#filter-uncategorized:checked ~ .home-article-section .post-item[data-categories*="uncategorized"] {
  display: list-item !important;
}

/* Hide dividers when filtering */
#filter-ai:checked ~ .home-article-section .home-article-divider,
#filter-health:checked ~ .home-article-section .home-article-divider,
#filter-math-science:checked ~ .home-article-section .home-article-divider,
#filter-startups:checked ~ .home-article-section .home-article-divider,
#filter-tinkering:checked ~ .home-article-section .home-article-divider,
#filter-ways-of-looking:checked ~ .home-article-section .home-article-divider,
#filter-best-of:checked ~ .home-article-section .home-article-divider,
#filter-uncategorized:checked ~ .home-article-section .home-article-divider {
  display: none;
}

/* Add pseudo-element dividers when filtering */
#filter-ai:checked ~ .home-article-section .post-item[data-categories]::after,
#filter-health:checked ~ .home-article-section .post-item[data-categories]::after,
#filter-math-science:checked ~ .home-article-section .post-item[data-categories]::after,
#filter-startups:checked ~ .home-article-section .post-item[data-categories]::after,
#filter-tinkering:checked ~ .home-article-section .post-item[data-categories]::after,
#filter-ways-of-looking:checked ~ .home-article-section .post-item[data-categories]::after,
#filter-best-of:checked ~ .home-article-section .post-item[data-categories]::after,
#filter-uncategorized:checked ~ .home-article-section .post-item[data-categories]::after {
  content: '';
  display: block;
  border: 0;
  height: 1px;
  color: #E6E4D9;
  background-color: #E6E4D9;
  margin: 15px auto;
  width: 85%;
}

/* Hide last divider */
#filter-ai:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after,
#filter-health:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after,
#filter-math-science:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after,
#filter-startups:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after,
#filter-tinkering:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after,
#filter-ways-of-looking:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after,
#filter-best-of:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after,
#filter-uncategorized:checked ~ .home-article-section .post-item[data-categories]:last-of-type::after {
  display: none;
}