/* CSS per i filtri dinamici ACF */

/* Stile per il toggle "Vedi tutti" */
.acf-toggle-more {
    font-size: 0.9rem;
    color: #6c757d;
    transition: color 0.2s ease-in-out;
}

.acf-toggle-more:hover {
    color: #495057;
    text-decoration: none !important;
}

/* Animazione del chevron */
.acf-toggle-more .toggle-icon {
    transition: all 0.3s ease-in-out;
    font-size: 0.8rem;
    display: inline-block;
    margin-left: 4px;
}

/* Transizione smooth per il collapse */
.acf-filter-form .collapse {
    transition: height 0.35s ease;
}

/* Margine tra i checkbox */
.acf-filter-form .form-check {
    margin-bottom: 0.5rem;
}

.acf-filter-form .form-label {
    font-weight: 700;

}

/* Stile per i filtri vuoti */
.filter-placeholder {
    opacity: 0.6;
}

.filter-placeholder .text-muted {
    font-style: italic;
}

/* Responsive: su mobile riduci lo spacing */
@media (max-width: 767.98px) {
    .acf-filter-form .form-check {
        margin-bottom: 0.3rem;
    }
    
    .acf-toggle-more {
        font-size: 0.85rem;
    }
}