/* ==========================================================================
   Record context on a standings table — the class-record caption and the
   per-row badges. Shared by the live event (dark cards) and the past-event
   pages (light cards), so the base rules stay neutral and each context
   supplies its own colours.

   NOTE: main.css carries a blanket `h1..h6, span, a { color: #111 }`, an
   element-level rule that beats inheritance — every span below states its own
   colour.
   ========================================================================== */

.nwds-rec-caption {
    margin: 0;
    padding: 9px 14px 10px;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5b6b7f;
}

/* The record was set at the event you're looking at. */
.nwds-rec-caption.is-here {
    color: var(--theme-color, #01baf8);
    font-weight: 700;
}

.nwds-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    color: #0b1220;
}

.nwds-badge-record { background: var(--theme-color, #01baf8); }
.nwds-badge-season { background: #8fa3bd; }

/* ---- live event: cards are dark (#111 body, navy title bar) -------------- */

/*
 * .side-content-title is a full-bleed bar with no bottom margin, so the caption
 * carries its own padding rather than pulling up with a negative margin.
 */
.nwds-class-card .nwds-rec-caption {
    color: #8fa3bd;
    background: #111111;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.nwds-class-card .nwds-has-badge { background: rgba(1, 186, 248, 0.10); }

/* ---- past events: club-single blocks sit on white ------------------------ */

.club-single .nwds-rec-caption {
    padding: 0 0 12px;
}

.player-single.nwds-has-badge {
    background: rgba(1, 186, 248, 0.10);
}

@media (max-width: 767px) {
    .nwds-badge { margin-left: 5px; padding: 2px 5px; font-size: 8px; }
}