/* Service Providers — type filter bar (hub) + type chips (single) */

.mpf-svcfilter {
    margin-bottom: 30px;
}
.mpf-svcfilter__bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.mpf-svcfilter__btn {
    appearance: none;
    border: 1px solid var(--mpf-border);
    background: #fff;
    color: var(--mpf-navy);
    font: inherit;
    font-weight: 600;
    font-size: .92rem;
    line-height: 1;
    padding: 10px 16px;
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.mpf-svcfilter__btn:hover { border-color: var(--mpf-navy); }
.mpf-svcfilter__btn.is-active {
    background: var(--mpf-navy);
    border-color: var(--mpf-navy);
    color: #fff;
}
.mpf-svcfilter__count { opacity: .7; font-weight: 600; }

.mpf-svcfilter__desc {
    max-width: 760px;
    margin: 16px auto 0;
    text-align: center;
    color: var(--mpf-muted, #555);
    font-size: .98rem;
}

.mpf-svcfilter__empty {
    text-align: center;
    color: var(--mpf-muted, #555);
    margin-top: 24px;
}

/* Cards hidden by the filter */
.mpf-card[hidden] { display: none !important; }

/* Single provider — type chips */
.mpf-svc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}
.mpf-svc-chip {
    display: inline-block;
    background: var(--mpf-teal);
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 999px;
}
.mpf-svc-back {
    margin-top: 32px;
}
.mpf-svc-back a {
    color: var(--mpf-blue, #1863dc);
    font-weight: 700;
    text-decoration: none;
}
.mpf-svc-back a:hover { text-decoration: underline; }