.machinery-list[data-machine-filters] [hidden] {
    display: none !important;
}

.machinery-list .machine-filters {
    --machine-filter-outline: var(--ast-global-color-0, #012c53);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    justify-content: center;
}

.machinery-list .machine-filters.white-btn {
    --machine-filter-outline: #fff;
}

/* Colori, ombre e animazioni provengono dai bottoni UAGB del tema. */
.machinery-list .machine-filters .machine-filter {
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    font: inherit;
    line-height: 1.3;
    cursor: pointer;
}

.machinery-list .machine-filters .uagb-button__wrapper .machine-filter[aria-pressed="true"] {
    background: linear-gradient(180deg, #2a2a2a 0%, #151515 100%);
    color: #fff;
    transform: translateY(-2px) scale(1.015);
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.22),
        0 14px 30px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    outline: 2px solid #fff;
}

.machinery-list .machine-filters .uagb-button__wrapper .machine-filter:focus-visible {
    outline: 2px dashed var(--machine-filter-outline);
    outline-offset: 5px;
}

.machinery-list .machine-filters .machine-filter[aria-pressed="true"]:focus-visible {
    outline-color: #fff;
}

.machinery-list .machine-filter img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.machinery-list .machine-filters:not(.white-btn) .machine-filter img,
.machinery-list .machine-filters.white-btn .machine-filter:hover img,
.machinery-list .machine-filters.white-btn .machine-filter:focus-visible img,
.machinery-list .machine-filters .machine-filter[aria-pressed="true"] img {
    filter: brightness(0) invert(1);
}

.machinery-list .machine-filters .machine-filter .uagb-button__icon {
    transform: none !important;
    transition: none !important;
}