/* Local Clubs — the club finder behind the switch's third stop (clubs.js; the tokens are styles.css's) */
.clubs { margin-top: 1.6rem; margin-bottom: 1.5rem; }
.clubs[hidden] { display: none; }
.clubs-head { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-bottom: .9rem; }
.clubs-head label { flex: 1 1 16rem; display: flex; align-items: center; gap: .5rem; border: 1px solid var(--line); border-radius: 999px; background: var(--mist); padding: .4rem .95rem; color: var(--ink-soft); }
.clubs-head label svg { width: 1.05rem; height: 1.05rem; flex: none; }
.clubs-head input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--ink); font: 500 .95rem var(--body); outline: none; }
.clubs-head input::placeholder { color: var(--ink-soft); }
.clubs-head .chip { display: inline-flex; align-items: center; gap: .4rem; }
.clubs-head .chip svg { width: 1rem; height: 1rem; }
.clubs-head .chip[hidden] { display: none; }
.clubs-status { margin: 0 0 .9rem; color: var(--ink-soft); font-size: .9rem; }
.clubs-status[hidden] { display: none; }
.club-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: .8rem; }
.club-card { border: 1px solid var(--line); border-radius: .8rem; background: var(--mist); padding: .85rem 1rem .9rem; display: flex; flex-direction: column; }
.club-card h3 { margin: 0 0 .3rem; font: 700 1.2rem/1.15 var(--display); letter-spacing: .01em; }
.club-card h3 a { color: var(--ink); text-decoration: none; }
.club-card h3 a:hover { text-decoration: underline; }
.club-meta { margin: 0 0 .55rem; color: var(--ink-soft); font-size: .85rem; line-height: 1.35; }
.club-dist { color: var(--gold); font-weight: 600; }
.club-next { list-style: none; margin: 0; padding: 0; font-size: .9rem; }
.club-next li { display: flex; align-items: baseline; gap: .6rem; padding: .25rem 0; border-top: 1px dotted var(--line); }
.club-next time { font: 500 .78rem var(--mono); color: var(--ink-soft); min-width: 4.2em; flex: none; }
.club-next a { color: var(--ink); text-decoration: none; }
.club-next a:hover { text-decoration: underline; }
.club-sold { margin-left: auto; font: 500 .7rem var(--mono); text-transform: uppercase; letter-spacing: .04em; color: var(--alert); }
.club-none { margin: 0; color: var(--ink-soft); font-size: .85rem; font-style: italic; }
.club-more { margin-top: .6rem; align-self: flex-start; font-size: .78rem; padding: .3em .75em; }
html.clubs-open #filterToggle, html.clubs-open .search-wrap, html.clubs-open .cal-toggle, html.clubs-open #calToday { display: none; } /* the agenda's controls rest while the finder is open, as in the Teams view */