/* =====================================================================
   MARKETING SITE — the only styles that are ours

   Everything else on these pages is the supplied design, extracted
   verbatim into /static/site/css. This file covers the three things the
   design could not know about: controls that became plain text, controls
   that became links, and the states real data produces that a mockup
   with fixed content never had (an empty slate, a team with no crest,
   a record with nothing graded yet).
   ===================================================================== */

/* ---------------------------------------------------------- inert bits
   A prototype control whose destination does not exist yet keeps the
   look it had — the design's own class is still on it — but loses every
   affordance, so nothing invites a click that cannot go anywhere. */
.site-inert {
  cursor: default;
}
button.site-inert {
  pointer-events: none;
}

/* --------------------------------------------------------- links that
   were buttons. The design styled these selectors as buttons, so the
   anchors that replaced them have to shed the anchor defaults. */
.desktop-nav a,
.mobile-nav a,
.tools-dropdown a,
a.button,
a.hp-btn,
a.nfl-analysis-button,
a.hp-feature,
a.hp-stat,
a.hp-process-step,
a.hp-game,
a.game-card {
  text-decoration: none;
}

.desktop-nav a.is-active,
.mobile-nav a.is-active {
  color: var(--gold, #d9a84e);
}

/* ----------------------------------------------------------- empty and
   partial states. A mockup always has a full slate; a real Tuesday in
   July does not. */
.site-empty {
  display: grid;
  gap: 10px;
  justify-items: center;
  text-align: center;
  padding: 44px 24px;
  border: 1px solid #274550;
  border-radius: 8px;
  background: linear-gradient(108deg, #061b25b0, #0a1d258f 72%, #071a2180);
  color: #b9cbd4;
}
.site-empty h3 {
  margin: 0;
  font-family: "Roboto Condensed", system-ui, sans-serif;
  font-size: 19px;
  letter-spacing: .4px;
  color: #e9eff3;
}
.site-empty p {
  margin: 0;
  max-width: 48ch;
  font-size: 14px;
  line-height: 21px;
}

/* A club with no crest in the design gets its abbreviation, set in the
   same box the crest would have filled, rather than a borrowed badge. */
.site-teammark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 51px;
  flex-basis: 55px;
  border: 1px solid #2d4c59;
  border-radius: 6px;
  background: #0b2029;
  color: #cfe0e8;
  font-family: "Roboto Condensed", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
}

/* A figure the record cannot support yet is shown as a dash with the
   reason underneath, never as a zero that reads like a result. */
.site-nodata {
  color: #7f97a3;
  font-weight: 400;
}

/* ------------------------------------------------------------ footnote
   The provenance line under a data region: which slate it came from and
   when it was built. */
.site-provenance {
  margin: 10px 0 0;
  font-size: 11.5px;
  line-height: 17px;
  color: #7f97a3;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}