/* ============================================
   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.

   Not touched by update_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-nine seam, 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; }