/* ============================================
   PLAYER SCORECARD -- "physical card" replica
   Mirrors the-course/scorecard.html's .content-area styling
   exactly (same colours/rules), scoped under .full-scorecard so
   it doesn't affect the plain per-round tables on pages that
   haven't been converted to this look yet.

   Identical to seasons/2026/player-scorecard.css -- the card's
   column set (Hole/Name/Tee/S.I./Par/Score/Stableford/Nett) is
   the same regardless of how many hole ROWS it has, so nothing
   here needed to change for the Winter League's 12-hole cards.

   Not touched by update_winter_reports_from_output_folder.py.
   ============================================ */
.full-scorecard {
  max-width: 720px;
  margin: 1.5rem 0;
}
.full-scorecard .sc-outer {
  overflow-x: auto;
}
.full-scorecard .sc-card {
  border: 2px solid #000;
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  background: #fff;
  color: #000;
  min-width: 560px;
  width: 100%;
}
.full-scorecard .sc-card th,
.full-scorecard .sc-card td {
  border: 1px solid #000;
  padding: 3px 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
/* the competition/trophy name -- a box sitting above the card, NOT a
   table row, so its (often long) text can never push a table column
   wider than it should be. border-bottom:none + no margin so it reads
   as the card's title bar, seamlessly meeting the table's own top
   border right below it. */
.full-scorecard .sc-competition-box {
  border: 2px solid #000;
  border-bottom: none;
  background: #fff;
  color: #000;
  padding: 6px 8px;
  text-align: left;
}
/* Date/Player A/Handicap/Format/Tee -- plain text lines in the box above
   the card, not table cells, so none of them can ever push a scorecard
   column wider than it should be (the whole reason they moved here). */
.full-scorecard .sc-title {
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 4px;
}
.full-scorecard .sc-meta-row {
  font-size: 0.75rem;
  margin-top: 2px;
}
.full-scorecard .sc-meta-label {
  font-weight: bold;
}
.full-scorecard .sc-col-hdr th {
  background: #333;
  color: #fff;
  font-size: 0.7rem;
  font-weight: bold;
  padding: 4px 4px;
}
.full-scorecard .hole-num { font-weight: bold; }
/* fixed, not just left-aligned -- otherwise a long header/footer text
   cell spanning across this column would force it wider than any
   actual hole name needs. */
.full-scorecard .hole-name { width: 9em; }
.full-scorecard .hole-name a {
  color: #1a3a2a;
  text-decoration: none;
  font-style: italic;
}
.full-scorecard .hole-name a:hover {
  color: #c9a84c;
  text-decoration: underline;
}
.full-scorecard .si-val { color: #cc0000; font-weight: bold; }
/* Yards / S.I. / Par / # / Stb / Nett all share this so none of them
   ends up wider than the others -- 5ch = 5 characters wide in the
   current font, width (not min-width) so it actually holds. */
.full-scorecard .score-cell { width: 5ch; }
/* the "#" (gross score) column, hole-by-hole and in the OUT/IN/TOTAL rows */
.full-scorecard .gross-val { font-weight: bold; }
.full-scorecard .sc-out td,
.full-scorecard .sc-in td,
.full-scorecard .sc-total td {
  font-weight: bold;
  background: #f0f0f0;
}
.full-scorecard .sc-total td { background: #ddd; }
/* front/back-6 seam (before hole 8, the Winter League's own OUT/IN split
   -- see module docstring), replacing the old etiquette-banner row
   (removed -- it spanned every column including Hole, the only one still
   unconstrained, so its long text was forcing Hole wide). */
.full-scorecard tr.sc-back-nine-start td {
  border-top: 3px solid #000;
}
.full-scorecard .sc-footer-row td {
  text-align: left;
  padding: 4px 6px;
  white-space: normal;
}
.full-scorecard .sc-footer-row td.bold-label { font-weight: bold; }
/* the handicap/nett value cells reuse .score-cell for width but need to
   line up under column A's centred figures, not the footer's default
   left alignment. */
.full-scorecard .sc-footer-row td.score-cell { text-align: center; }
/* the OUT/IN/TOTAL Stableford figure only (not the hole-by-hole ones) --
   requested 2026-07-23 to stand out from the rest of the card. */
.full-scorecard .stblfd-val { color: #c00000; font-size: 0.92rem; }
/* the "(cut by X from the last competition: N points)" note beside
   Handicap -- see update_winter_reports_from_output_folder.py's
   cut_note_for(). */
.full-scorecard .sc-cut-note { color: #c00000; font-weight: normal; }
/* the HANDICAP footer row's own value (second-last row of the card) --
   requested 2026-07-23 alongside the Stableford-total highlight above. */
.full-scorecard .hc-footer-val { color: #c00000; }

/* ============================================
   SCORECARD PAGINATION -- Older/Newer paging through a player's rounds in
   batches (see update_winter_reports_from_output_folder.py's
   wrap_cards_with_pagination()/SCORECARD_PAGINATION_SCRIPT), added
   2026-07-23 once ~20 stacked cards proved slow to scroll through.
   Scoped OUTSIDE .full-scorecard (these wrap several cards, not sit
   inside one).
   ============================================ */
.sc-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0.5rem 0 2rem 0;
  font-family: Arial, Helvetica, sans-serif;
}
.sc-page-btn {
  background: #305496;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.5rem 1.1rem;
  font-size: 0.85rem;
  cursor: pointer;
}
.sc-page-btn:hover:not(:disabled) { background: #1b2f57; }
.sc-page-btn:disabled { background: #ccc; color: #888; cursor: default; }
.sc-page-label { font-size: 0.85rem; color: #333; }
