/* ==========================================================================
   GENERATED FILE - DO NOT EDIT BY HAND
   ==========================================================================

   Produced by dev-tools/build-legacy-bridge.py from cleverpunts.css,
   punts.css and football.css. Re-run that script after changing any of them.

   Those three files are ~196KB written throughout for a dark ground. Rather
   than convert them - which would mean regenerating the .min.css copies every
   page depends on, including pages that have not opted in - this restates the
   theme-blind declarations scoped under .cp. The legacy files are untouched.

   Prefixing a selector with `.cp ` always adds exactly one class, so every
   rule here beats the original it shadows, and this file loads after both.

   Judgement calls are NOT here. Gradients, categorical colour, hero scrims and
   logo plates are hand-bridged at the end of cp-components.css, which loads
   after this file and therefore wins.
   ========================================================================== */

/* ===== from cleverpunts.css ===== */

.cp .blur {
    background: rgba(var(--cp-ink-rgb), 0.25);
}

.cp .fp-featured-box {
    background: var(--cp-surface);
}

.cp .btn-icon:hover {
    background: rgba(var(--cp-ink-rgb), 0.1);
}

.cp .offcanvas {
    background: var(--cp-surface);
}

.cp .offcanvas-header {
    border-bottom-color: var(--cp-line);
}

.cp .mobile-nav-link:hover,
.cp .mobile-nav-link.active {
    background: rgba(var(--cp-ink-rgb), 0.1);
}

@media (max-width: 767.98px) {
    .cp .racecards-container .table-responsive td:first-child {
        background-color: var(--cp-surface);
    }
}

.cp .bg-stripe {
    background-color: var(--cp-surface);
}

.cp #top-cards a {
    color: var(--cp-ink);
}

.cp .mobile-nav {
    border-top-color: var(--cp-line);
}

.cp .top-nav-links a:hover {
    color: var(--cp-ink);
}

.cp .btn-outline-custom:hover {
    color: var(--cp-ink);
}

.cp .icon-circle {
    background-color: rgba(var(--cp-ink-rgb), 0.2);
}

.cp .stats-row {
    border-bottom-color: var(--cp-line);
}

.cp .chart-placeholder {
    border-color: var(--cp-line);
}

.cp .chart-bar {
    background-color: rgba(var(--cp-ink-rgb), 0.3);
}

.cp span.h2hLink.badge {
    background: var(--cp-surface);
}

.cp .fixture-row--action {
    border-bottom-color: var(--cp-line);
}

.cp .league-link {
    color: var(--cp-ink);
}

.cp .fixture-count {
    background: var(--cp-surface);
}

.cp .nr-fp-card {
    border-color: var(--cp-line);
    background: rgba(var(--cp-ink-rgb), 0.02);
}

.cp .nr-fp-card:hover {
    border-color: var(--cp-line);
    background: rgba(var(--cp-ink-rgb), 0.04);
}

.cp .nr-fp-card-header {
    border-bottom-color: var(--cp-line);
}

.cp .nr-fp-runners {
    background: rgba(var(--cp-ink-rgb), 0.08);
}

.cp .nr-fp-divider {
    background: rgba(var(--cp-ink-rgb), 0.06);
}

.cp .nr-fp-card-footer {
    border-top-color: var(--cp-line);
}

@media (max-width: 767.98px) {
    .cp #top-cards .stats-card {
        color: var(--cp-ink);
    }
}

@media (max-width: 767.98px) {
    .cp p#nextRaceName {
        color: var(--cp-ink);
    }
}

.cp .sticky-toolbar {
    background: var(--cp-surface);
}

/* ===== from punts.css ===== */

.cp .rp-lb-rank.s {
    color: var(--cp-ink);
}

.cp .punt-copy {
    color: var(--cp-muted);
}

.cp .leg-row:hover {
    background: rgba(var(--cp-ink-rgb), 0.03);
}

.cp .leg-row.leg-void {
    background: rgba(var(--cp-ink-rgb), 0.03);
}

.cp .leg-num {
    color: var(--cp-ink);
}

.cp .leg-selection {
    color: var(--cp-ink);
}

.cp .dp-ticker-item {
    color: var(--cp-muted);
}

.cp .dp-ticker-item strong {
    color: var(--cp-ink);
}

.cp .dp-ticker-runner:hover {
    color: var(--cp-ink);
}

.cp .dp-ticker-num {
    background: rgba(var(--cp-ink-rgb), 0.1);
    color: var(--cp-muted);
}

.cp .gg-refresh-btn {
    border-color: var(--cp-line);
}

.cp .gg-refresh-btn:hover {
    border-color: var(--cp-line);
}

.cp .gg-leg:hover {
    background: rgba(var(--cp-ink-rgb), 0.03);
}

.cp .dp-date-badge {
    background: rgba(var(--cp-ink-rgb), 0.06);
    border-color: var(--cp-line);
}

.cp .dp-fallback-banner .dp-fb-text {
    color: var(--cp-ink);
}

.cp .dp-opp-card {
    border-color: var(--cp-line);
}

.cp .dp-opp-leg {
    border-bottom-color: var(--cp-line);
}

.cp .dp-opp-leg-horse {
    color: var(--cp-ink);
}

.cp .dp-opp-fav-badge {
    background: rgba(var(--cp-ink-rgb), 0.08);
}

.cp .dp-opp-nav-prev,
.cp .dp-opp-nav-next {
    color: var(--cp-muted);
}

.cp .dp-opp-nav-prev:hover,
.cp .dp-opp-nav-next:hover {
    color: var(--cp-ink);
}

.cp .dp-opp-nav-prev.swiper-button-disabled,
.cp .dp-opp-nav-next.swiper-button-disabled {
    color: var(--cp-muted);
}

.cp .dp-opp-swiper-pagination .swiper-pagination-bullet {
    background: rgba(var(--cp-ink-rgb), 0.25);
}

.cp .dp-wb-close:hover {
    color: var(--cp-ink);
    background: rgba(var(--cp-ink-rgb), 0.08);
}

.cp .dp-modal-content {
    background: var(--cp-surface);
}

.cp .dp-modal-tabs {
    background: rgba(var(--cp-ink-rgb), 0.03);
    border-bottom-color: var(--cp-line);
}

.cp .dp-modal-tab:hover {
    color: var(--cp-ink);
}

.cp .dp-modal-body {
    background: var(--cp-surface);
}

.cp .dp-modal-footer {
    background: rgba(var(--cp-ink-rgb), 0.02);
    border-top-color: var(--cp-line);
}

.cp .dp-bd-summary {
    background: rgba(var(--cp-ink-rgb), 0.03);
    border-color: var(--cp-line);
}

.cp .dp-bd-summary-val {
    color: var(--cp-ink);
}

.cp .dp-bd-summary-divider {
    background: rgba(var(--cp-ink-rgb), 0.1);
}

.cp .dp-bd-card {
    background: var(--cp-surface);
    border-color: var(--cp-line);
}

.cp .dp-bd-card-hdr {
    border-bottom-color: var(--cp-line);
}

.cp .dp-bd-leg {
    border-bottom-color: var(--cp-line);
}

.cp .dp-bd-leg-sel {
    color: var(--cp-ink);
}

.cp .dp-cal-btn {
    background: rgba(var(--cp-ink-rgb), 0.06);
    border-color: var(--cp-line);
}

.cp .dp-hist-header {
    background: rgba(var(--cp-ink-rgb), 0.03);
    border-color: var(--cp-line);
}

.cp .dp-hist-back {
    background: rgba(var(--cp-ink-rgb), 0.06);
    border-color: var(--cp-line);
}

.cp .dp-hist-back:hover {
    background: rgba(var(--cp-ink-rgb), 0.12);
    color: var(--cp-ink);
}

/* ===== from football.css ===== */

.cp .fp-league-chip {
    background: rgba(var(--cp-ink-rgb), 0.07);
    border-color: var(--cp-line);
}

.cp .ld-ticker-wrap {
    background: rgba(var(--cp-ink-rgb), 0.025);
    border-color: var(--cp-line);
}

.cp .ld-ticker-item {
    border-right-color: var(--cp-line);
}

.cp .ld-ticker-item:hover {
    background-color: rgba(var(--cp-ink-rgb), 0.04);
}

.cp .ld-ticker-name {
    color: var(--cp-ink);
}

.cp .ld-ticker-pos {
    background: rgba(var(--cp-ink-rgb), 0.07);
}

.cp .ld-stat-pill {
    background-color: rgba(var(--cp-ink-rgb), 0.03);
    border-color: var(--cp-line);
}

.cp .ld-stat-pill-val {
    color: var(--cp-ink);
}

.cp .ld-standings-wrap {
    border-color: var(--cp-line);
}

.cp .ld-standings-wrap::-webkit-scrollbar-thumb {
    background: rgba(var(--cp-ink-rgb), 0.12);
}

.cp .ld-mini-table thead th {
    background: var(--cp-surface);
    border-bottom-color: var(--cp-line);
}

.cp .ld-mini-table tbody tr:hover {
    background: rgba(var(--cp-ink-rgb), 0.04);
}

.cp .ld-mini-table tbody td {
    border-bottom-color: var(--cp-line);
}

.cp .pos-n {
    background: rgba(var(--cp-ink-rgb), 0.06);
}

.cp .ld-mini-pts {
    color: var(--cp-ink);
}

.cp .ld-fixture-card {
    background: rgba(var(--cp-ink-rgb), 0.03);
    border-color: var(--cp-line);
}

.cp .ld-fixture-date-badge {
    background: rgba(var(--cp-ink-rgb), 0.05);
}

.cp .ld-h-bar-track {
    background: rgba(var(--cp-ink-rgb), 0.07);
}

.cp .ld-standout-card {
    border-color: var(--cp-line);
    background: rgba(var(--cp-ink-rgb), 0.025);
}

.cp .ld-standout-hdr {
    border-bottom-color: var(--cp-line);
    background: rgba(var(--cp-ink-rgb), 0.025);
}

.cp .ld-standout-hdr-sub {
    color: var(--cp-ink);
}

.cp .ld-standout-row {
    border-bottom-color: var(--cp-line);
}

.cp .ld-result-card {
    border-color: var(--cp-line);
    background: rgba(var(--cp-ink-rgb), 0.025);
}

.cp .ld-panel {
    background: rgba(var(--cp-ink-rgb), 0.025);
    border-color: var(--cp-line);
}

.cp .ld-panel-hdr {
    border-bottom-color: var(--cp-line);
}

.cp .ld-fixture-footer {
    border-top-color: var(--cp-line);
}

@media (min-width: 860px) {
    .cp .ld-main-grid > .ld-panel:nth-child(2) > .ld-panel-body > *::-webkit-scrollbar-thumb {
        background: rgba(var(--cp-ink-rgb), 0.15);
    }
}

.cp .fp-ticker-item {
    color: var(--cp-muted);
}

.cp .fp-ticker-item:hover {
    color: var(--cp-ink);
}

.cp .fp-ticker-item strong {
    color: var(--cp-ink);
}

.cp .fp-live-score {
    color: var(--cp-ink);
}

.cp .fp-live-odds {
    border-top-color: var(--cp-line);
}

.cp .fp-fixture-odds {
    border-top-color: var(--cp-line);
}

.cp .fp-odds-btn {
    background: rgba(var(--cp-ink-rgb), 0.05);
    border-color: var(--cp-line);
}

.cp .fp-motd-score {
    color: var(--cp-ink);
}

.cp .fp-motd-preview-link:hover {
    color: var(--cp-ink);
}

.cp .fp-fixture-score {
    color: var(--cp-ink);
}

.cp .fp-status-ft {
    background: rgba(var(--cp-ink-rgb), 0.07);
    border-color: var(--cp-line);
}

.cp .fp-fixture-meta {
    border-top-color: var(--cp-line);
}

.cp .fp-result-score {
    color: var(--cp-ink);
}

.cp .fp-player-row {
    border-bottom-color: var(--cp-line);
}

.cp .fp-rating-low {
    background: rgba(var(--cp-ink-rgb), 0.08);
}

.cp .fp-scorer-tab {
    background: rgba(var(--cp-ink-rgb), 0.06);
    border-color: var(--cp-line);
}

.cp .fp-stats-tab {
    background: rgba(var(--cp-ink-rgb), 0.07);
}

.cp .fp-team-stat-row {
    border-bottom-color: var(--cp-line);
}

.cp .fp-injury-row {
    border-bottom-color: var(--cp-line);
}

.cp .fp-yt-input {
    border-color: var(--cp-line);
}

.cp .fp-yt-dropdown {
    border-color: var(--cp-line);
}

.cp .fp-yt-change-btn {
    border-color: var(--cp-line);
}

.cp .fp-yt-change-btn:hover {
    border-color: var(--cp-line);
}

.cp .fp-yt-scoreline {
    color: var(--cp-ink);
}

.cp .fp-yt-opponent-section {
    border-top-color: var(--cp-line);
}

.cp .fp-yt-fixture-footer {
    border-top-color: var(--cp-line);
}

.cp .fp-stat-value {
    color: var(--cp-ink);
}

.cp .fp-cup-chip {
    background: rgba(var(--cp-ink-rgb), 0.05);
    border-color: var(--cp-line);
}

.cp .fp-cup-chip:hover {
    color: var(--cp-ink);
}

.cp .fp-table-panel .rp-panel-hdr select {
    border-color: var(--cp-line);
}

.cp .fp-rr-league-hdr {
    background: rgba(var(--cp-ink-rgb), 0.03);
    border-top-color: var(--cp-line);
    border-bottom-color: var(--cp-line);
}

.cp .fp-rr-card {
    border-bottom-color: var(--cp-line);
}

.cp .fp-rr-card:hover {
    background: rgba(var(--cp-ink-rgb), 0.025);
}

.cp .fp-rr-d {
    border-left-color: var(--cp-line);
}

.cp .fp-rr-status-badge {
    background: rgba(var(--cp-ink-rgb), 0.08);
}

.cp .fp-rr-body-inner {
    border-top-color: var(--cp-line);
}

.cp .fp-rr-poss-bar {
    background: rgba(var(--cp-ink-rgb), 0.08);
}

.cp .fp-rr-odds {
    border-top-color: var(--cp-line);
}

.cp .fp-rr-odds-pill {
    background: rgba(var(--cp-ink-rgb), 0.08);
}