/* Matchday Hotels V9.2.1 — Supporter Flow Polish
   Presentation-only follow-up to V9.2.

   Goals:
   - visually integrate league context into the dark supporter flow;
   - improve contrast on unselected builder choice cards;
   - keep selected cards strongly differentiated;
   - remove obsolete quick-builder room-sharing/load-trip UI;
   - remove the duplicated second builder intro.
*/

/* ------------------------------------------------------------------
   1. League context belongs to the supporter journey, not a white island
   ------------------------------------------------------------------ */

.mhd-v9-supporter-flow > .mhd-v91-match-centre[data-v92-fixture-context="true"] {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-context {
  width: 100%;
  margin: 0;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, .15);
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .065),
      rgba(255, 255, 255, .025)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 20px 46px rgba(0, 0, 0, .18);
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-context::before {
  background: var(--mhd-v9-away-primary, #ff5a2f);
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-heading h2,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-latest strong,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-previous strong,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-pending-message strong {
  color: #ffffff !important;
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-eyebrow {
  color: #ff6b35 !important;
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-season,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-position {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(3, 12, 20, .72) !important;
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-pending-message,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-previous,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-latest {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .055) !important;
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-pending-message > span:last-child,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-previous > span:last-child,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-latest > span:last-child,
.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-source {
  color: rgba(255, 255, 255, .68) !important;
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-source a {
  color: #ffffff !important;
  text-decoration-color: #ff6b35;
}

.mhd-v9-supporter-flow
  > .mhd-v91-match-centre[data-v92-fixture-context="true"]
  .mhd-v92-table-wrap {
  border-color: rgba(255, 255, 255, .14);
}

/* Keep the pre-season panel compact on desktop. */
@media (min-width: 861px) {
  .mhd-v9-supporter-flow
    > .mhd-v91-match-centre[data-v92-fixture-context="true"]
    .mhd-v92-season-pending {
    display: grid;
    grid-template-columns:
      minmax(260px, 1.15fr)
      minmax(250px, 1fr)
      minmax(250px, 1fr);
    gap: 16px 18px;
    align-items: stretch;
  }

  .mhd-v9-supporter-flow
    > .mhd-v91-match-centre[data-v92-fixture-context="true"]
    .mhd-v92-season-pending
    .mhd-v92-heading,
  .mhd-v9-supporter-flow
    > .mhd-v91-match-centre[data-v92-fixture-context="true"]
    .mhd-v92-season-pending
    .mhd-v92-pending-message,
  .mhd-v9-supporter-flow
    > .mhd-v91-match-centre[data-v92-fixture-context="true"]
    .mhd-v92-season-pending
    .mhd-v92-previous {
    margin: 0 !important;
  }

  .mhd-v9-supporter-flow
    > .mhd-v91-match-centre[data-v92-fixture-context="true"]
    .mhd-v92-season-pending
    .mhd-v92-source {
    grid-column: 1 / -1;
    margin-top: 0;
  }
}

/* ------------------------------------------------------------------
   2. Remove obsolete/repetitive quick-builder fragments as a visual guard
   ------------------------------------------------------------------ */

.mhd-v9-quick-builder [data-v9-room-setup],
.mhd-v9-quick-builder label:has([data-v9-room-setup]),
.mhd-v9-load-note,
.mhd-v9-builder-intro {
  display: none !important;
}

.mhd-v9-room-row {
  grid-template-columns: minmax(0, 1fr) !important;
}

.mhd-v9-room-stepper {
  width: 100%;
}

/* ------------------------------------------------------------------
   3. Main choice cards: light surface = dark text
   ------------------------------------------------------------------ */

.mhd-v9-supporter-flow .away-day-choice-card {
  color: #15212b !important;
  border-color: #c9d0d6 !important;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f0f2f3 100%
    ) !important;
  box-shadow: none !important;
}

.mhd-v9-supporter-flow .away-day-choice-card,
.mhd-v9-supporter-flow .away-day-choice-card *,
.mhd-v9-supporter-flow .away-day-choice-copy,
.mhd-v9-supporter-flow .away-day-choice-copy *,
.mhd-v9-supporter-flow .away-day-choice-copy strong,
.mhd-v9-supporter-flow .away-day-choice-copy span,
.mhd-v9-supporter-flow .away-day-choice-copy p,
.mhd-v9-supporter-flow .away-day-choice-copy small {
  text-shadow: none !important;
}

.mhd-v9-supporter-flow .away-day-choice-copy,
.mhd-v9-supporter-flow .away-day-choice-copy strong {
  color: #15212b !important;
}

.mhd-v9-supporter-flow .away-day-choice-copy span,
.mhd-v9-supporter-flow .away-day-choice-copy p,
.mhd-v9-supporter-flow .away-day-choice-copy small {
  color: #52616b !important;
  opacity: 1 !important;
}

.mhd-v9-supporter-flow .away-day-choice-card:hover,
.mhd-v9-supporter-flow .away-day-choice-card:focus-within {
  color: #101820 !important;
  border-color: #7d8a93 !important;
  background: #ffffff !important;
}

.mhd-v9-supporter-flow
  .away-day-choice-card:has(input:checked) {
  color: #ffffff !important;
  border-color: var(--away-day-primary, #2e6db2) !important;
  background:
    linear-gradient(
      145deg,
      #123f6f 0%,
      #0b2d51 100%
    ) !important;
  box-shadow:
    0 0 0 2px rgba(255, 107, 53, .30),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.mhd-v9-supporter-flow
  .away-day-choice-card:has(input:checked)
  .away-day-choice-copy,
.mhd-v9-supporter-flow
  .away-day-choice-card:has(input:checked)
  .away-day-choice-copy *,
.mhd-v9-supporter-flow
  .away-day-choice-card:has(input:checked)
  strong,
.mhd-v9-supporter-flow
  .away-day-choice-card:has(input:checked)
  span,
.mhd-v9-supporter-flow
  .away-day-choice-card:has(input:checked)
  p,
.mhd-v9-supporter-flow
  .away-day-choice-card:has(input:checked)
  small {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Ensure native selects/inputs on light cards remain readable too. */
.mhd-v9-supporter-flow .away-day-choice-card select,
.mhd-v9-supporter-flow .away-day-choice-card input[type="number"],
.mhd-v9-supporter-flow .away-day-choice-card input[type="text"] {
  color: #101820 !important;
  background: #ffffff !important;
}

/* ------------------------------------------------------------------
   4. Optional extras: neutral unticked presentation
   ------------------------------------------------------------------ */

.mhd-v9-fixture-page [data-v921-optional-defaults-cleared="true"]
  input[type="checkbox"]:not(:checked)
  + *,
.mhd-v9-fixture-page [data-v921-optional-defaults-cleared="true"]
  label:has(input[type="checkbox"]:not(:checked)) {
  box-shadow: none;
}

@media (max-width: 860px) {
  .mhd-v9-supporter-flow
    > .mhd-v91-match-centre[data-v92-fixture-context="true"] {
    margin-bottom: 26px !important;
  }
}