/* FILTERING RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

[value="All"]:checked ~ .filters [for="All"],

[value="Made-at-307"]:checked ~ .filters [for="Made-at-307"],

[value="Drink"]:checked ~ .filters [for="Drink"],

[value="Bread"]:checked ~ .filters [for="Bread"] {
  background: transparent;
  color: var(--white);
  border-bottom: 0.25rem solid #DCE0E6;
  padding: 0.25rem;
  margin-bottom: -.25rem;
}


[value="All"]:not(:checked) ~ ol li label[for="All"],

[value="Made-at-307"]:not(:checked) ~ ol li label[for="Made-at-307"],

[value="Drink"]:not(:checked) ~ ol li label[for="Drink"],

[value="Bread"]:not(:checked) ~ ol li label[for="Bread"] {
  color: #AFAFBD;
}


[value="All"]:not(:checked) ~ ol li label:hover[for="All"],

[value="Made-at-307"]:not(:checked) ~ ol li label:hover[for="Made-at-307"],

[value="Drink"]:not(:checked) ~ ol li label:hover[for="Drink"],

[value="Bread"]:not(:checked) ~ ol li label:hover[for="Bread"] {
  color: #FAFA33;
}

[value="All"]:checked ~ .image-grid [data-category] {
  display: block;
}

[value="Made-at-307"]:checked ~ .image-grid .image-container:not([data-category~="Made-at-307"]),

[value="Drink"]:checked ~ .image-grid .image-container:not([data-category~="Drink"]),

[value="Bread"]:checked ~ .image-grid .image-container:not([data-category~="Bread"]) {
  display: none;
}