/**
 * @file
 * Course product cards, switched between by category.
 *
 * Only hide the inactive groups when JavaScript is there to switch between
 * them. Without it the buttons are inert, so every category stays visible
 * rather than leaving the page showing one category with no way to change it.
 * Drupal sets the js class on the html element in the head, so this does not
 * flash the hidden groups before it applies.
 */

html.js .course-product-cards__group:not(.is-active) {
  display: none;
}