filters are displayed but don’t filter

Hi team,

I installed the Woof plugin in order to enable visitors to filter the archive product page using the product categories.
As I wanted my filters in a row above the products, I used the following css code :

.woof_list li{
 display:inline;
 font-size:25px;
 letter-spacing:3px;
 font-weight:600;
 text-transform:capitalize;
	font-family:El Messiri;
	color:#008000;
	line-height: 32px;
list-style:none !important;}	

button.button.woof_reset_search_form{
    display: none;}

input[type=radio],form.woocommerce-ordering,.woocommerce-result-count,.woocommerce-breadcrumb,h1.woocommerce-products-header__title,.woof_radio_term_reset,.woof_radio_count,.woof_remove_ppi,.woof_term_19 {
 display:none !important;}

label{
    display: inline-block;
  padding-left: 30px ;
	padding-right: 30px;}

ul.woof_list {
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;}

.woof_radio_label_selected {
  color:#c80120;}

input:not(:checked) + label:hover{
 transition:  390ms ease-in;
	color: #c80120;
	cursor: pointer;
font-size: 120%;
	line-height: 32px;}

div.woof_info_popup{
 border-radius:0px;
background-color: #fff;
 font-family:Kiona;
 color:#000 !important;}

It works for the visual changes I wanted. But as you can see here, it doesn’t filter.

Can you help?

Thanks a lot

The page I need help with: [log in to see the link]