.filter-form .filter-row {
    display: flex;
    flex-wrap: wrap; /* permette agli elementi di andare a capo */
    justify-content: flex-start;
    gap: 1em; /* aggiunge spazio tra i filtri */
}

/* Stile per desktop */
.filter-form .filter-col {
    flex: 0 0 calc(20% - 1em); /* Imposta la larghezza e lascia un po' di spazio tra le colonne */
}

/* Stile per dispositivi mobili */
@media (max-width: 768px) {
    .filter-form .filter-col {
        flex: 0 0 calc(33.33% - 1em); /* Imposta la larghezza e lascia un po' di spazio tra le colonne */
    }
}

.filter-form select {
    width: 100%; /* fa sì che le select occupino tutto lo spazio disponibile */
    padding: .5em; /* aggiunge un po' di padding interno per rendere le select più grandi */
    border: 1px solid #ccc; /* rende i bordi più leggeri */
    border-radius: 4px; /* arrotonda i bordi */
    font-size: 1em; /* modifica la dimensione del testo a piacere */
}

.filter-form .reset-button {
    display: inline-block;
    margin-top: 1em;
    padding: .5em 1em; /* aggiunge un po' di padding interno per rendere il pulsante più grande */
    border: none; /* rimuove i bordi */
    background-color: #f30da5; /* colore di sfondo di default per i pulsanti di WordPress, cambialo a tuo piacimento */
    color: #ffffff!important; /* colore del testo del pulsante, cambialo a tuo piacimento */
    cursor: pointer; /* fa apparire il puntatore del mouse come una mano quando è sopra il pulsante */
    border-radius: 4px; /* arrotonda i bordi */
    text-decoration: none; /* rimuove il sottolineato dal link */
}

.filter-selected {
    background-color: #F30DA5!important;
    color: #FFFFFF!important;
}