/* Mini Football v8: Minecraft page background and high-contrast light cards. */
.sport-bet-page {
    background:
        linear-gradient(rgba(242, 246, 250, .89), rgba(242, 246, 250, .94)),
        url('../img/sport-bet/mini-football-minecraft-bg.png') center top / cover fixed;
    color: #172033;
}

.sport-bet-page .sport-match {
    border: 1px solid #dce4ec;
    background: #fff;
    color: #172033;
    box-shadow: 0 14px 34px rgba(30, 49, 70, .13);
}

.sport-bet-page .sport-match.is-featured {
    border-color: #b9dfcf;
    box-shadow: 0 16px 38px rgba(25, 83, 58, .14);
}

.sport-bet-page .sport-match-head {
    border-bottom: 1px solid #e4e9ef;
    background: #f8fafc;
    color: #4c5a6d;
}

.sport-bet-page .sport-match-league,
.sport-bet-page .sport-team-name,
.sport-bet-page .sport-market-title {
    color: #172033;
}

.sport-bet-page .sport-score strong {
    color: #172033;
}

.sport-bet-page .sport-score span {
    color: #69788d;
}

.sport-bet-page .sport-market {
    border: 1px solid #dfe6ed;
    background: #f8fafc;
}

.sport-bet-page .sport-pick {
    border: 1px solid #d5dce5;
    background: #f0f3f7;
    color: #172033;
    box-shadow: none;
}

.sport-bet-page .sport-pick b {
    color: #00a964;
}

.sport-bet-page .sport-pick[data-code="home"] {
    border-color: #00c776;
    background: #00c776;
    color: #fff;
}

.sport-bet-page .sport-pick[data-code="home"] b,
.sport-bet-page .sport-pick[data-code="draw"] b {
    color: #fff;
}

.sport-bet-page .sport-pick[data-code="draw"] {
    border-color: #4057ee;
    background: #4057ee;
    color: #fff;
}

.sport-bet-page .sport-pick[data-code="away"] {
    border-color: #ffc93c;
    background: #fff2c9;
    color: #172033;
}

.sport-bet-page .sport-pick[data-code="away"] b {
    color: #d88200;
}

.sport-bet-page .sport-pick:hover:not(:disabled) {
    transform: translateY(-2px);
    border-color: #00ad68;
    filter: brightness(.98);
}

.sport-bet-page .sport-empty {
    border-color: #d8e0e8;
    background: #fff;
    color: #334155;
    box-shadow: 0 12px 30px rgba(31, 50, 71, .1);
}

.sport-bet-page .sport-empty i {
    color: #00b86c;
}

/* My bets: remove pale text on pale backgrounds. */
.sport-bet-page .sport-bets-table-wrap {
    border: 1px solid #dce4ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(30, 49, 70, .12);
}

.sport-bet-page .sport-bets-table {
    background: #fff;
    color: #172033;
}

.sport-bet-page .sport-bets-table th {
    border-bottom: 1px solid #cddce6;
    background: #eaf3f8;
    color: #172033;
}

.sport-bet-page .sport-bets-table td {
    border-bottom: 1px solid #e6ebf0;
    color: #26364b;
}

.sport-bet-page .sport-bets-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.sport-bet-page .sport-bets-table tbody tr:hover {
    background: #edf9f4;
}

.sport-bet-page .sport-status.pending {
    background: #fff0b8;
    color: #664600;
}

.sport-bet-page .sport-status.won {
    background: #d7f8e6;
    color: #087b46;
}

.sport-bet-page .sport-status.lost {
    background: #ffe0e3;
    color: #ad1f2d;
}

.sport-bet-page .sport-status.refunded {
    background: #dfeeff;
    color: #1b5a9e;
}

@media (max-width: 620px) {
    .sport-bet-page {
        background-attachment: scroll;
        background-position: center top;
    }

    .sport-bet-page .sport-match {
        border-radius: 14px;
    }
}