/* cpt-nav-search.css — net-new rules for A4 (nav / global search / related rails).
 *
 * Everything structural already lives in site.css (.srch-*, .ent-crumb, .ecc-*,
 * .ent-club-card/.ent-club-grid, .ss-eyebrow, .ss-cap, .nav-search). This file ONLY
 * adds the handful of wrappers that have no static equivalent:
 *   - the related-rail section + card hover lift (§6.4, net-new feature)
 *   - the search page's server-rendered fallback block + divider from the JS widget
 * Enqueue (A7) on: is_search() and on the CPT singles that use a related rail
 * (tpg_player, tpg_match). Variables (--team/--gold/--line/--navy-2/--font-display)
 * are defined in site.css.
 */

/* ---------- related rails (§6.4) ---------- */
.ent-related-sec { padding-top: 8px; }
.ent-related-sec .ss-eyebrow { margin-top: 1.6em; }

/* The related cards reuse .ent-club-card; add a subtle lift + a stat-line layout so
   they read as a compact rail rather than the full club grid. */
.ent-related-card { transition: transform .14s var(--ease, ease), border-color .14s var(--ease, ease); }
.ent-related-card:hover { transform: translateY(-2px); }
.ent-related-card .ecc-name { white-space: normal; overflow-wrap: anywhere; }
.ent-related-card .ecc-meta { margin-top: 4px; font-variant-numeric: tabular-nums; }

/* ---------- search page: server-rendered fallback ---------- */
/* A thin divider so the live WP result list reads as distinct from the JS index
   widget above it. When JS is on, the widget owns the experience and the server
   block sits quietly beneath; when JS is off it IS the experience. */
.srch-server { margin-top: 8px; }
.srch-server:not(:empty) {
  border-top: 1px solid var(--line);
  margin-top: 26px;
  padding-top: 22px;
}
.srch-server-count { margin: 0 0 10px; }

/* Pagination on the server result list, matched to the editorial archive look. */
.srch-server .navigation.pagination { margin-top: 22px; }
.srch-server .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.srch-server .page-numbers {
  font-family: var(--font-display); font-weight: 600; font-size: .82rem;
  letter-spacing: .03em; text-transform: uppercase;
  padding: 7px 13px; border-radius: 999px;
  border: 1px solid var(--line-strong); color: var(--cream);
}
.srch-server .page-numbers:hover { border-color: var(--gold); text-decoration: none; }
.srch-server .page-numbers.current { background: var(--gold); color: var(--navy); border-color: var(--gold); }