/**
 * News listing filter UI (.zeta-news-filter).
 *
 * Moved from the theme stylesheet.
 */

.zeta-news-filter label[for^="velocity-"] span {
    color: black;
    background-color: var(--color-velocity-faint) !important;
}

.zeta-news-filter label[for^="velocity-"] input[type="checkbox"]:checked + span {
    color: white;
    background-color: var(--color-velocity) !important;
}

.zeta-news-filter label[for^="velocity-"] input[type="checkbox"]:checked + span .count {
    color: black;
    background-color: transparent !important;
}

.zeta-news-filter label[for^="zeta-"] span {
    color: black;
    background-color: var(--color-zeta-faint) !important;
}

.zeta-news-filter label[for^="zeta-"] input[type="checkbox"]:checked + span {
    color: white;
    background-color: var(--color-zeta) !important;
}

.zeta-news-filter label[for^="zeta-"] input[type="checkbox"]:checked + span .count {
    color: black;
    background-color: transparent !important;
}

.zeta-news-filter .select-all-term {
    display: inline-block;
}

/*
 * Original had conflicting declarations: `color: white !important` followed by
 * `color: black`, and `background-color: var(--e-global-color-accent)` followed
 * by `background-color: var(--color-zeta) !important`. The !important rules win,
 * so the effective (and preserved) result is white text on the zeta blue. The
 * dead `color: black` / accent background were dropped.
 */
.zeta-news-filter .select-all-term span.bpfwe-filter-item {
    padding: 12px;
    border-radius: 100px;
    font-weight: 700;
    color: white !important;
    background-color: var(--color-zeta) !important;
}