/* [wishes] - chips reuse the theme's pill buttons; cards are the theme's .fast-wish. */
.wishes-filters { display: grid; gap: .75rem; margin-block: 1rem 1.25rem; }
/* Without the script the filters do nothing, so they stay hidden and every wish shows. */
.wishes:not(.is-ready) .wishes-filters,
.wishes:not(.is-ready) .wishes-name { display: none; }
.wishes-group { display: grid; gap: .4rem; }
.wishes-group-label { font-weight: 600; font-size: .9em; color: var(--text-bold, inherit); }
.wishes-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.wishes-select { display: none; width: 100%; min-height: 44px; }
/* Phones: one dropdown per group instead of rows of chips. */
@media (max-width: 736px) {
    .wishes-filters { grid-template-columns: 1fr 1fr; gap: .75rem; }
    .wishes-filters:has(> .wishes-group:only-child) { grid-template-columns: 1fr; }
    .wishes-chips { display: none; }
    .wishes-select { display: block; }
}
.wishes-chip.wishes-chip {
    height: auto;
    min-height: 44px;
    line-height: 1.3;
    padding: .45rem 1rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal;
}
.wishes-chip[aria-pressed="true"] {
    background: var(--accent, #a42e88);
    border-color: var(--accent, #a42e88);
    box-shadow: none;
    color: var(--bg, #fff) !important;
}
.wishes-chip:focus-visible,
.wishes-more:focus-visible,
.wishes .fast-wish:focus-visible { outline: 2px solid var(--accent, #a42e88); outline-offset: 3px; }
.wishes .fast-wish[hidden],
.wishes-empty[hidden] { display: none; }
.wishes .fast-wish-text p { margin: 0; }
.wishes-empty { color: var(--text-muted, inherit); }
.wishes-more.wishes-more[hidden] { display: none; }
.wishes-more.wishes-more:not([hidden]) { display: block; margin: 1rem auto 0; height: auto; min-height: 44px; text-transform: none; white-space: normal; }
.wishes-name { display: grid; gap: .35rem; margin-block: 1rem; max-width: 26rem; }
.wishes-name label { font-weight: 600; color: var(--text-bold, inherit); }
.wishes-name label span { font-weight: 400; color: var(--text-muted, inherit); }
.wishes-name input { min-height: 44px; }
.wishes-card-open.wishes-card-open {
    margin: .5rem 0 .5rem .5rem;
    min-height: 44px;
    height: auto;
    padding: .65rem 1rem;
    border-radius: 999px;
    border: 1px solid var(--accent, #a42e88);
    background: color-mix(in srgb, var(--accent, #a42e88) 10%, transparent);
    box-shadow: none;
    color: var(--text-bold, #363a3d);
    font: inherit;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
    white-space: normal;
}
.wishes-card-open:focus-visible { outline: 2px solid var(--accent, #a42e88); outline-offset: 3px; }