/*
 * All clubs (/club). No mock-up; built from the furniture of the service
 * pages (the lead sheet) and the crest rows of the search results.
 */

/* the filter: the page's own box, not the header search — it narrows the
   list in place instead of dropping a list of links */
.fwd-clfind{position:relative;margin:24px 0 0;max-width:520px}
.fwd-clfind input{box-sizing:border-box;width:100%;font:inherit;font-size:16px;color:var(--ink);
  padding:12px 14px 12px 42px;background:var(--surface-2);border:1px solid var(--hair);border-radius:10px;outline:0}
.fwd-clfind input::placeholder{color:var(--faint)}
.fwd-clfind input:focus{background:#fff;border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,166,35,.22)}
.fwd-clfind .fwd-find__ic{position:absolute;top:50%;left:14px;width:17px;height:17px;margin-top:-8.5px;
  color:var(--faint);pointer-events:none}

/* jump to an age */
.fwd-clages{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fwd-clages a{padding:6px 12px;border-radius:8px;background:var(--surface-2);font-size:14px;font-weight:700;
  color:var(--ink);text-decoration:none}
.fwd-clages a:hover{background:var(--gold-soft);color:var(--gold-ink)}

.fwd-clage{scroll-margin-top:16px}

/* crests in three columns; the rules between cells are the borders of the cells */
.fwd-clgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair)}
.fwd-cl{display:flex;align-items:center;gap:12px;padding:12px 20px;min-width:0;
  border-bottom:1px solid var(--hair-2);border-right:1px solid var(--hair-2)}
.fwd-cl:nth-child(3n){border-right:0}
.fwd-cl:hover{background:var(--surface-2)}
.fwd-cl img,.fwd-cl__none{width:40px;height:40px;object-fit:contain;flex:0 0 auto}
.fwd-cl__tx{min-width:0}
.fwd-cl__tx b{display:block;font-size:15px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.fwd-cl .fwd-sub:empty{display:none}

/* teams that no longer play: the same rows, smaller and quieter */
.fwd-clpast{margin:0;padding:18px 20px 10px;font-size:12px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
.fwd-clgrid--past{border-top:1px solid var(--hair-2)}
.fwd-cl--past{padding:8px 20px}
.fwd-cl--past img,.fwd-cl--past .fwd-cl__none{width:28px;height:28px}
.fwd-cl--past .fwd-cl__tx b{font-size:14px;font-weight:500;color:var(--ink-2)}

/* the filter hides cells; the rules follow the visible ones */
.fwd-cl[hidden],.fwd-clgrid[hidden],.fwd-clpast[hidden],.fwd-clages[hidden],.fwd-sheet[hidden]{display:none}
.fwd-clgrid.is-filtered .fwd-cl{border-right:0}

@media (max-width:860px){
  .fwd-clgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fwd-cl:nth-child(3n){border-right:1px solid var(--hair-2)}
  .fwd-cl:nth-child(2n){border-right:0}
}

@media (max-width:620px){
  .fwd-clgrid{grid-template-columns:1fr}
  .fwd-cl,.fwd-cl:nth-child(3n){border-right:0}
  .fwd-cl{padding:10px 16px}
  .fwd-cl--past{padding:8px 16px}
  .fwd-clpast{padding:16px 16px 8px}
}