/* =====================================================
   SV SERVIZI
   Navigazione categorie stile Filter Everything
   ===================================================== */


/* Reset liste */
.sv-category-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*
 * Riga categoria.
 */
.sv-category-navigation .sv-term-row {
    display: flex;
    align-items: center;
    position: relative;
}


/*
 * Freccetta.
 */
.sv-category-navigation .sv-cat-toggle,
.sv-category-navigation .sv-cat-toggle-placeholder {

    width: 18px;
    min-width: 18px;
    height: 22px;

    margin: 0 3px 0 0;
}


/*
 * Pulsante vero e proprio.
 */
.sv-category-navigation .sv-cat-toggle {

    border: 0;
    padding: 0;

    background: transparent;

    position: relative;

    cursor: pointer;
}


/*
 * Disegniamo la freccia senza immagini.
 */
.sv-category-navigation .sv-cat-toggle span {

    display: block;

    width: 7px;
    height: 7px;

    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;

    transform: rotate(-45deg);

    transition: transform .15s ease;

    position: absolute;

    top: 7px;
    left: 3px;
}


/*
 * Aperto = freccia verso il basso.
 */
.sv-category-navigation
.sv-has-children.sv-open
> .sv-term-row
> .sv-cat-toggle span {

    transform: rotate(45deg);
}


/*
 * Di default i figli sono nascosti.
 */
.sv-category-navigation
.sv-product-cat-children {

    display: none;

    margin: 0;

    /*
     * Rientro contenuto.
     * Avevamo già visto che quello originale
     * era eccessivo.
     */
    padding-left: 15px;
}


/*
 * Mostra figli soltanto quando il nodo è aperto.
 */
.sv-category-navigation
.sv-has-children.sv-open
> .sv-product-cat-children {

    display: block;
}


/*
 * Checkbox.
 *
 * NON tocchiamo grafica, dimensioni o colori:
 * li ereditiamo da Filter Everything.
 */
.sv-category-navigation .sv-category-checkbox {

    cursor: pointer;

    flex: 0 0 auto;
}


/*
 * Testo.
 */
.sv-category-navigation .sv-category-label {

    flex: 1;

    min-width: 0;

    margin: 0;
}


/*
 * Link.
 *
 * Ereditiamo font e colore del filtro.
 */
.sv-category-navigation .sv-category-label a {

    color: inherit;
    text-decoration: none;

    cursor: pointer;
}


/*
 * Conteggio.
 */
.sv-category-navigation .wpc-term-count {

    white-space: nowrap;
}


/*
 * Categoria corrente.
 *
 * Non imposto colori particolari.
 * Manteniamo il comportamento visivo
 * soprattutto attraverso la checkbox selezionata.
 */
.sv-category-navigation .sv-current-category
> .sv-term-row
> .sv-category-label {

    font-weight: inherit;
}

.sv-sottocategorie {
    margin-top: 15px;
    line-height: 1.6;
}

.sv-sottocategorie a {
    color: inherit;
    text-decoration: none;
}

.sv-sottocategorie a:hover {
    text-decoration: underline;
}

.sv-sottocategorie-separator {
    margin: 0 3px;
}