/* Modernized Golfer Earnings page (golfer_earnings#index). Scoped under .modernGolferEarningsPage so it never
   affects Golfers Picked or the shared _projected_results_available_check partial (Weekly Results), which reuse
   the same .alert.alert-danger.chartDataUnavailable class but are styled independently.

   Row shading mirrors Projected Results: rows are tinted per-round (R1/R2/R3) or the FINAL blue when round 4,
   using the same lighter versions of the legacy colors -- see projected_results_modern.css for why. */

.modernGolferEarningsPage .countryClubFilter {
  font-size: 13px;
}

.modernGolferEarningsPage .countryClubFilterChoices {
  border: 1px solid #cfd4e0;
  border-radius: 6px;
  padding: 3px 6px;
  font-size: 12px;
}

.modernGolferEarningsPage .golferEarningsNote {
  display: block;
  clear: both;
  width: fit-content;
  max-width: 100%;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 12px;
  color: #333;
  margin-top: 10px;
  margin-bottom: 12px;
}

/* Matches the row tint for whichever round is currently selected (same colors as the table rows below). */
.modernGolferEarningsPage .golferEarningsNote.weeklyResultsRow {
  background: #d9eaf7;
}

.modernGolferEarningsPage .golferEarningsNote.projectedResultsRowR1 {
  background: #eaf7ec;
}

.modernGolferEarningsPage .golferEarningsNote.projectedResultsRowR2 {
  background: #fdf6e0;
}

.modernGolferEarningsPage .golferEarningsNote.projectedResultsRowR3 {
  background: #fdece0;
}

.modernGolferEarningsPage .alert.alert-danger.chartDataUnavailable {
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  padding: 10px 16px;
  background: #fdecea;
  border: none;
  border-left: 4px solid #c30900;
  border-radius: 6px;
  color: #7a1a10;
  font-size: 13px;
  line-height: 1.6;
}

.modernGolferEarningsPage .golferEarnings {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #e2e6f2;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 16px;
}

.modernGolferEarningsPage .golferEarnings table {
  float: none;
  width: auto;
  margin: 0;
  border-collapse: collapse;
}

.modernGolferEarningsPage #golferEarningsTable thead tr#header {
  background-color: #0b1a67;
}

.modernGolferEarningsPage #golferEarningsTable thead tr#header td {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.2px;
  padding: 4px 8px;
  border: 1px solid #24358c;
  white-space: nowrap;
}

.modernGolferEarningsPage #golferEarningsTable thead tr#header td a.sortheader {
  color: #fff;
}

.modernGolferEarningsPage #golferEarningsTable thead tr#header td a.sortheader:hover {
  color: #dde3f2;
}

.modernGolferEarningsPage #golferEarningsTable td {
  border: 1px solid #e2e6f2;
  padding: 2px 8px;
  font-size: 12px;
}

.modernGolferEarningsPage #golferEarningsTable tbody tr.weeklyResultsRow td {
  background-color: #d9eaf7;
}

.modernGolferEarningsPage #golferEarningsTable tbody tr.projectedResultsRowR1 td {
  background-color: #eaf7ec;
}

.modernGolferEarningsPage #golferEarningsTable tbody tr.projectedResultsRowR2 td {
  background-color: #fdf6e0;
}

.modernGolferEarningsPage #golferEarningsTable tbody tr.projectedResultsRowR3 td {
  background-color: #fdece0;
}

.modernGolferEarningsPage #golferEarningsTable tbody tr.whiteRow td {
  background-color: #fff;
}

.modernGolferEarningsPage #golferEarningsTable tbody tr:hover td {
  background-color: #eef1fa;
}

.modernGolferEarningsPage #golferEarningsTable td.centerText {
  text-align: center;
}

.modernGolferEarningsPage #golferEarningsTable td.number {
  text-align: right;
}

/* On touchscreens, let the wide table overflow the page instead of scrolling inside its own boxed card -- see
   scorecard_modern.css for why touch capability is used instead of a viewport-width media query (golfer_earnings
   is also in WIDE_VIEWPORT_CONTROLLERS). */
@media (hover: none) and (pointer: coarse) {
  .modernGolferEarningsPage .golferEarnings {
    display: block;
    width: auto;
    max-width: none;
    overflow: visible;
    border: none;
    border-radius: 0;
  }
}