/* ============================================ *
 * Mimic Layered Navigation - Slide effect
 * Versione: 1.0.1
 * Percorso tema: skin/frontend/rwd/mimic
 * ============================================ */

/*
 * MOTIVO:
 * Il CSS esistente usa display:none/display:block sui dd dei filtri.
 * Il vero effetto scorrimento viene gestito dal JavaScript; qui aggiungiamo
 * solo rifiniture visive e preveniamo tagli anomali durante l'animazione.
 */
.block-layered-nav .block-content > dl > dd {
    overflow: hidden;
}

.block-layered-nav .block-content > dl > dt {
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}

.block-layered-nav .block-content > dl > dt.current {
    color: #0975ab;
}

/*
 * FIX MOBILE 1.0.1:
 * il bottone generale "Filtro" deve essere chiaramente cliccabile.
 */
.block-layered-nav .block-subtitle--filter {
    cursor: pointer;
}

@media only screen and (max-width: 770px) {
    .block-layered-nav .block-subtitle--filter {
        user-select: none;
    }
}