/* v254: Use the Previous predictions row styling for Top 5 and Prediction picks.
   Keeps the page structure and match-card partial intact. */

.football-predictions-page .football-prediction-surebets,
.football-predictions-page .football-prediction-day {
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(15,23,42,.11) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 32px rgba(15,23,42,.045) !important;
    padding: clamp(1rem,2vw,1.45rem) !important;
}

.football-predictions-page .football-prediction-history-list--picks {
    display: grid !important;
    gap: .65rem !important;
    overflow: visible !important;
    padding: 0 !important;
}

.football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row {
    align-items: center !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid var(--border) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    color: var(--bg-contrast) !important;
    display: grid !important;
    gap: .75rem !important;
    grid-template-columns: 42px minmax(220px,1fr) minmax(170px,.55fr) auto !important;
    min-width: 0 !important;
    padding: .75rem .85rem !important;
    text-decoration: none !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row:hover {
    border-color: rgba(14,165,164,.35) !important;
    box-shadow: 0 12px 24px rgba(15,23,42,.06) !important;
    transform: translateY(-1px) !important;
}

.football-predictions-page .football-prediction-history-row__icon--league {
    background: rgba(14,165,164,.10) !important;
    color: var(--primary-strong) !important;
    overflow: hidden !important;
}

.football-predictions-page .football-prediction-history-row__icon--league img {
    height: 28px !important;
    object-fit: contain !important;
    width: 28px !important;
}

.football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__body strong,
.football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__body em,
.football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__dates small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__status {
    background: rgba(14,165,164,.10) !important;
    color: var(--primary-strong) !important;
}

.football-predictions-page .football-prediction-league-group {
    background: rgba(248,250,252,.72) !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 22px !important;
    padding: clamp(.85rem,1.6vw,1.1rem) !important;
}

.football-predictions-page .football-prediction-league-group__head {
    margin-bottom: .75rem !important;
}

/* Remove the old bulky card styling from Top 5 / Prediction picks when cached markup still exists. */
.football-predictions-page .kisure-prediction-row-card {
    min-width: 0 !important;
}

@media (max-width: 820px) {
    .football-predictions-page .football-prediction-surebets,
    .football-predictions-page .football-prediction-day,
    .football-predictions-page .football-prediction-history-section {
        border-radius: 20px !important;
        padding: .9rem !important;
    }

    .football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row,
    .football-predictions-page .football-prediction-history-list--clean .football-prediction-history-row {
        grid-template-columns: 38px minmax(0,1fr) auto !important;
        gap: .55rem .65rem !important;
        min-width: 0 !important;
        padding: .72rem !important;
    }

    .football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__dates,
    .football-predictions-page .football-prediction-history-list--clean .football-prediction-history-row__dates {
        grid-column: 2 / 4 !important;
    }

    .football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__status,
    .football-predictions-page .football-prediction-history-list--clean .football-prediction-history-row__status {
        font-size: .78rem !important;
        padding: .34rem .55rem !important;
    }

    .football-predictions-page .football-prediction-history-row__icon,
    .football-predictions-page .football-prediction-history-row__icon--league {
        height: 34px !important;
        width: 34px !important;
    }
}

@media (max-width: 520px) {
    .football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row,
    .football-predictions-page .football-prediction-history-list--clean .football-prediction-history-row {
        grid-template-columns: 34px minmax(0,1fr) !important;
    }

    .football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__status,
    .football-predictions-page .football-prediction-history-list--clean .football-prediction-history-row__status {
        grid-column: 2 / 3 !important;
        justify-self: start !important;
    }

    .football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row__dates,
    .football-predictions-page .football-prediction-history-list--clean .football-prediction-history-row__dates {
        grid-column: 2 / 3 !important;
    }
}

html[data-theme="dark"] .football-predictions-page .football-prediction-history-list--picks .football-prediction-history-row {
    background: rgba(15,23,42,.92) !important;
}