#idqp-installers__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    padding: 0;
    justify-content: center;
}

#idqp-installers__filters button {
    border: none;
    background: transparent;
    font-size: var(--wp--preset--font-size--medium);
    width: 60px;
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: 50%;
    font-family: inherit;
    font-weight: 700;
}

#idqp-installers__filters button.selected {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}

#idqp-installers__data-list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}

#idqp-installers__data-list .data-item {
    border: 1px solid var(--wp--preset--color--light-shade);
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#idqp-installers__data-list .data-item > * {
    margin: 0;
}

#idqp-installers__data-list .data-item .address {
    font-size: var(--wp--preset--font-size--medium);
    text-transform: uppercase;
}

#idqp-installers__data-list .data-item.hidden {
    display: none;
}

#idqp-installers__data-list:not(:has(.data-item:not(.hidden)))::after {
    content: "No installers found.";
    display: block;
}

#idqp-installers__data-list a[href] {
    text-decoration: none;
    color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--normal);
    font-weight: 700;
}