/* Modernized Weekly Lineup page (weekly_lineup#index, choose_1 and choose_3 formats). Scoped under
   .modernWeeklyLineupPage so it never affects other pages that reuse the same generic Bootstrap card/input-group
   classes.

   Functional/inline colors left completely unchanged: .ptfgWhiteOnBlue (navy, Starter/Pick label) /
   .ptfgWhiteOnGreen (green, 3rd Round Sub Drop/Pickup) / .ptfgWhiteOnRed (red, 4th Round Sub Drop/Pickup --
   mirrors the same navy/green/red Starter/Sub/Mulligan color language used on Scorecard and Weekly Results) /
   .ptfgBlackOnBabyBlue (Alternate/Original pick) input-group-addon label colors, the Mulligans
   Remaining/Golfer Usages Allowed red/green tag pills, and the locked-lineup padlock icon are all preserved --
   only shape/spacing/typography change, not their color-coding.

   Standings Position strip below reuses the exact same treatment as the Scorecard page
   (scorecard_modern.css) since both render the identical /shared/standings_position partial. */

.modernWeeklyLineupPage .tournamentBar {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 4px;
}

.modernWeeklyLineupPage .tournamentWeek,
.modernWeeklyLineupPage .tournamentName,
.modernWeeklyLineupPage .tournamentDates {
  font-size: 20px;
}

.modernWeeklyLineupPage .teamsDropDown {
  margin-top: 0;
}

.modernWeeklyLineupPage .teamsDropDown small.text-muted {
  font-size: 12px;
}

.modernWeeklyLineupPage .teamsDropDown fieldset.form-group {
  margin-bottom: 11px;
}

.modernWeeklyLineupPage #mulligansRemaining .ptfgRed {
  font-size: 15px;
  font-weight: 700;
}

.modernWeeklyLineupPage #mulligansRemaining .tag {
  display: inline-block;
  min-width: 14px;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 1px 3px rgba(195, 9, 0, 0.35);
}

.modernWeeklyLineupPage #mulligansRemaining + small.text-muted {
  font-size: 12px;
}

.modernWeeklyLineupPage .input-group-addon {
  width: 115px;
  box-sizing: border-box;
  text-align: center;
  border: none;
  border-radius: 6px 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
}

.modernWeeklyLineupPage .fieldset .input-group,
.modernWeeklyLineupPage fieldset .input-group {
  max-width: 380px;
}

.modernWeeklyLineupPage .input-group select.form-control {
  width: 265px;
  border: 1px solid #cfd4e0;
  border-radius: 0 6px 6px 0;
  font-size: 15px;
}

.modernWeeklyLineupPage .row.teamsDropDown select.form-control,
.modernWeeklyLineupPage .row.teamsDropDown span.form-control {
  border: 1px solid #cfd4e0;
  border-radius: 0 6px 6px 0;
}

/* Standings Position strip -- reused verbatim from scorecard_modern.css since both pages render the same
   /shared/standings_position partial. */
.modernWeeklyLineupPage .standingsPositionContainerTable table {
  margin: 0;
  border-spacing: 0;
}

.modernWeeklyLineupPage .standings {
  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-top: 10px !important;
  margin-bottom: 22px !important;
}

.modernWeeklyLineupPage .standings tr {
  border: none;
}

.modernWeeklyLineupPage .standings td {
  border: 1px solid #e2e6f2;
  padding: 6px 12px;
  font-size: 11px;
  line-height: 1.5;
}

.modernWeeklyLineupPage #standingsPositionContainer {
  background: #0b1a67;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border: 1px solid #0b1a67;
}

.modernWeeklyLineupPage .standings td[style*="background"] {
  color: #fff;
  font-weight: 700;
  text-align: center;
}

/* REMINDER/NOTICE callouts (new segment, Commissioner's Cup, no-cut, staggered start) */
.modernWeeklyLineupPage .alert.alert-success {
  max-width: 670px;
  padding: 10px 16px;
  background: #eaf7ec;
  border: none;
  border-left: 4px solid #0b6726;
  border-radius: 6px;
  color: #1a4d24;
  font-size: 13px;
  line-height: 1.6;
}

.modernWeeklyLineupPage .alert.alert-info {
  max-width: 670px;
  padding: 10px 16px;
  background: #eaf2fc;
  border: none;
  border-left: 4px solid #1c5bc4;
  border-radius: 6px;
  color: #1c3f66;
  font-size: 13px;
  line-height: 1.6;
}

.modernWeeklyLineupPage .alert.alert-warning {
  max-width: 725px;
  padding: 10px 16px;
  background: #fff8e6;
  border: none;
  border-left: 4px solid #e8a83c;
  border-radius: 6px;
  color: #7a5c00;
  font-size: 13px;
  line-height: 1.6;
}

/* Lineup card sections (Starting Lineup / 3rd Round Sub / 4th Round Sub). Bootstrap's .row applies a -15px
   margin to offset its columns' own 15px padding -- with the column's padding zeroed out below, that negative
   margin was left unbalanced, dragging the whole card 15px left of every other element on the page (title,
   Standings Position). Zeroing the row's margin here keeps everything on one shared left edge. */
.modernWeeklyLineupPage .row {
  margin-left: 0;
  margin-right: 0;
}

.modernWeeklyLineupPage .ptfgLineupCard {
  width: 480px;
  max-width: 100%;
  padding: 0;
  margin-bottom: 14px;
}

.modernWeeklyLineupPage .ptfgLineupCard .card-header {
  background: #f4f6fb;
  border: 1px solid #e2e6f2;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  padding: 10px 16px;
  color: #0b1a67;
  font-size: 14px;
}

.modernWeeklyLineupPage .ptfgLineupCard .card.card-block {
  border: 1px solid #e2e6f2;
  border-top: none;
  border-radius: 0 0 10px 10px;
  padding: 14px 16px 12px;
  box-shadow: none;
}

.modernWeeklyLineupPage .ptfgLineupCard .card.card-block fieldset.form-group:last-of-type {
  margin-bottom: 0;
}

/* The Starting Lineup fieldset has an inline style="margin-top: -10px" that the 3rd/4th Round Sub fieldsets
   don't have, pulling Starter 1 closer to the card header than Drop/Pickup sit in the other panels. Neutralize
   it so all three panels have the same breathing room above their first row. */
.modernWeeklyLineupPage .ptfgLineupCard .card.card-block fieldset.form-group:first-of-type {
  margin-top: 0 !important;
}

/* The "Don't see the golfer..." tip now renders after the Alternate row (moved so Starter 3 -> Alternate has the
   same plain <br/> gap as Starter 1/2/3), and only renders at all before the lineup locks (the empty placeholder
   div that used to reserve its space once locked was removed in _add_golfer_text.rhtml since it no longer needs
   to hold a spot at this new trailing position). */
.modernWeeklyLineupPage .ptfgLineupCard .text-muted {
  margin-bottom: 0 !important;
}

.modernWeeklyLineupPage .ptfgLineupCard .text-muted + br {
  display: none;
}

/* "What is an alternate pick?" question/link + its expandable explanation -- <small> defaults to 80% font-size,
   noticeably smaller than the rest of the form. Match both to the same 12px. */
.modernWeeklyLineupPage .ptfgLineupCard small.text-muted {
  font-size: 12px;
}

.modernWeeklyLineupPage #collapse1 {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 4px;
}

/* "*Requires mulligan usage" note on the 4th Round Sub panel -- same <small> sizing issue. */
.modernWeeklyLineupPage .ptfgLineupCard small.importantNote {
  font-size: 12px;
}

.modernWeeklyLineupPage .text-muted.lineupSubmitButton {
  width: 480px;
  max-width: 100%;
  margin-top: -10px;
}

.modernWeeklyLineupPage .ptfgButtonRed,
.modernWeeklyLineupPage .ptfgButtonBabyBlue,
.modernWeeklyLineupPage .ptfgButtonBlue,
.modernWeeklyLineupPage .ptfgButtonGreen {
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
}

.modernWeeklyLineupPage .weeklyLineupSwapArrows {
  background: #f4f6fb;
  border: 1px solid #e2e6f2;
  border-radius: 8px;
  padding: 8px 12px;
}

.modernWeeklyLineupPage .lineupSubmitButton #submitLineupButton {
  border-radius: 6px;
  font-weight: 600;
  padding: 6px 18px;
  box-shadow: 0 1px 3px rgba(11, 26, 103, 0.2);
}

.modernWeeklyLineupPage div.text-muted.lineupSubmitButton {
  font-size: 12px !important;
}