.happio-directory-filters{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:12px;
    padding:14px;
    border:1px solid var(--happio-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 45px rgba(23,33,27,.08);
}

.happio-directory-filters .happio-filter-row{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:12px;
    width:100%;
}

.happio-directory-filters .happio-filter-row > label{
    flex:1 1 170px;
    min-width:170px;
}

.happio-directory-filters .happio-search-control{
    flex:1 1 360px;
    min-width:260px;
}

.happio-directory-filters .happio-search-control input,
.happio-directory-filters .happio-filter-row select{
    width:100%;
    min-height:48px;
}

.happio-directory-filters .happio-button{
    flex:0 0 auto;
    min-width:132px;
    padding-inline:18px;
}

.happio-directory-filters .happio-filter-panels{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
    margin-top:2px;
}

.happio-directory-filters .happio-filter-group{
    margin:0;
    padding:0;
    border:1px solid var(--happio-line);
    border-radius:16px;
    background:#fff;
    overflow:hidden;
}

.happio-directory-filters .happio-filter-group > summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    cursor:pointer;
    list-style:none;
    font-weight:700;
}

.happio-directory-filters .happio-filter-group > summary::-webkit-details-marker{
    display:none;
}

.happio-directory-filters .happio-filter-group > summary em{
    font-style:normal;
    color:var(--happio-muted);
    font-size:12px;
    font-weight:600;
}

.happio-directory-filters .happio-filter-group[open] > summary{
    border-bottom:1px solid var(--happio-line);
    background:#fbfcfb;
}

.happio-directory-filters .happio-filter-chip-grid{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:14px 16px 16px;
}

.happio-directory-filters .happio-filter-chip-grid label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:0 10px;
    border:1px solid #d9dfda;
    border-radius:999px;
    background:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1.2;
    white-space:nowrap;
}

.happio-directory-filters .happio-filter-chip-grid input{
    margin:0;
}

.happio-directory-results-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.happio-directory-results-heading .happio-section-heading{
    margin-bottom:0;
}

.happio-directory-toolbar{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:0;
}

@media (max-width: 820px){
    .happio-directory-filters .happio-filter-panels{
        grid-template-columns:1fr;
    }

    .happio-directory-filters .happio-filter-row > label,
    .happio-directory-filters .happio-search-control{
        flex:1 1 100%;
        min-width:0;
    }

    .happio-directory-filters .happio-button{
        width:100%;
        min-width:0;
    }

    .happio-directory-results-heading{
        align-items:flex-start;
    }
}

@media (max-width: 560px){
    .happio-directory-filters{
        padding:12px;
        gap:10px;
    }

    .happio-directory-filters .happio-filter-chip-grid label{
        white-space:normal;
        width:100%;
        justify-content:flex-start;
    }
}