/* v249 prediction list cleanup
   Scope: /football/predictions and /football/predictions/{fixture} only.
   This file does not touch the homepage hero, category hero or general news cards. */

.football-predictions-page .football-prediction-surebets,
.football-predictions-page .football-prediction-league-group {
    border-radius: 28px !important;
    padding: clamp(1rem, 1.8vw, 1.45rem) !important;
}

.football-predictions-page .football-prediction-surebet-grid,
.football-predictions-page .football-prediction-grid--league {
    display: grid !important;
    gap: .65rem !important;
    grid-template-columns: 1fr !important;
    overflow-x: auto !important;
    padding-bottom: .1rem !important;
    scrollbar-width: thin;
}

.football-prediction-match-card--compact {
    align-items: center !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.055) !important;
    color: var(--bg-contrast) !important;
    display: grid !important;
    gap: clamp(.75rem, 1vw, 1rem) !important;
    grid-template-columns: minmax(185px, .85fr) minmax(220px, 1fr) minmax(225px, .8fr) auto !important;
    min-width: 780px !important;
    overflow: hidden !important;
    padding: clamp(.75rem, 1.1vw, 1rem) !important;
    position: relative !important;
    width: 100% !important;
}

.football-prediction-match-card--compact:hover {
    border-color: rgba(14,165,164,.36) !important;
    transform: translateY(-1px);
}

.football-prediction-match-card__main-link {
    border-radius: inherit;
    inset: 0;
    position: absolute;
    z-index: 1;
}

.football-prediction-match-card--compact .football-prediction-match-card__context,
.football-prediction-match-card--compact .football-prediction-match-card__teams,
.football-prediction-match-card--compact .football-prediction-match-card__stats,
.football-prediction-match-card--compact .football-prediction-match-card__actions {
    min-width: 0 !important;
    position: relative;
    z-index: 2;
}

.football-prediction-match-card--compact .football-prediction-match-card__context {
    align-content: center !important;
    display: grid !important;
    gap: .35rem !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__league {
    align-items: center !important;
    color: var(--primary-strong) !important;
    display: flex !important;
    font-family: var(--font-display) !important;
    font-size: .94rem !important;
    font-weight: 950 !important;
    gap: .55rem !important;
    letter-spacing: .02em !important;
    line-height: 1.15 !important;
    min-width: 0 !important;
    text-transform: uppercase !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__league img,
.football-prediction-match-card--compact .football-prediction-match-card__league i {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    flex: 0 0 38px !important;
    height: 38px !important;
    justify-content: center !important;
    object-fit: contain !important;
    width: 38px !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__league span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.football-prediction-match-card__venue {
    color: var(--text-soft) !important;
    display: block;
    font-size: .8rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.football-prediction-match-card--compact .football-prediction-match-card__time {
    align-self: start;
    background: rgba(15,23,42,.055) !important;
    border-radius: 999px !important;
    color: var(--bg-contrast) !important;
    display: inline-flex !important;
    font-size: .8rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    padding: .55rem .7rem !important;
    width: fit-content !important;
    white-space: nowrap !important;
}

.football-prediction-match-card__teams--stacked {
    align-content: center !important;
    display: grid !important;
    gap: .55rem !important;
    grid-template-columns: 1fr !important;
}

.football-prediction-match-card__teams--stacked .football-prediction-match-card__team,
.football-prediction-match-card__teams--stacked .football-prediction-match-card__team:last-child {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    gap: .65rem !important;
    min-width: 0 !important;
    text-align: left !important;
}

.football-prediction-match-card__teams--stacked .football-prediction-match-card__team img,
.football-prediction-match-card__teams--stacked .football-prediction-match-card__team b {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    flex: 0 0 42px !important;
    height: 42px !important;
    justify-content: center !important;
    object-fit: contain !important;
    padding: .12rem !important;
    width: 42px !important;
}

.football-prediction-match-card__teams--stacked .football-prediction-match-card__team strong {
    color: var(--bg-contrast) !important;
    font-family: var(--font-display) !important;
    font-size: clamp(1rem, 1.2vw, 1.18rem) !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__stats--one-x-two {
    align-self: stretch !important;
    display: grid !important;
    gap: .45rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__stats--one-x-two span {
    align-content: center !important;
    background: rgba(15,23,42,.025) !important;
    border: 1px solid rgba(15,23,42,.13) !important;
    border-radius: 15px !important;
    display: grid !important;
    gap: .1rem !important;
    min-height: 66px !important;
    padding: .48rem .32rem !important;
    text-align: center !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__stats--one-x-two span.is-best {
    background: linear-gradient(135deg, rgba(14,165,164,.16), rgba(209,240,206,.28)) !important;
    border-color: rgba(14,165,164,.55) !important;
    box-shadow: inset 0 0 0 1px rgba(14,165,164,.18) !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__stats--one-x-two small {
    color: var(--text-soft) !important;
    font-family: var(--font-display) !important;
    font-size: .82rem !important;
    font-weight: 950 !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__stats--one-x-two strong {
    color: var(--bg-contrast) !important;
    font-family: var(--font-display) !important;
    font-size: clamp(1.05rem, 1.35vw, 1.25rem) !important;
    line-height: 1 !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__stats--one-x-two em {
    color: var(--text-soft) !important;
    font-size: .68rem !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.football-prediction-match-card--compact .football-prediction-match-card__actions {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding: 0 !important;
}

.football-prediction-match-card--compact .football-prediction-mini-pill {
    align-items: center !important;
    background: rgba(14,165,164,.10) !important;
    border: 1px solid rgba(14,165,164,.25) !important;
    border-radius: 999px !important;
    color: var(--primary-strong) !important;
    display: inline-flex !important;
    font-family: var(--font-display) !important;
    font-weight: 950 !important;
    gap: .45rem !important;
    min-height: 40px !important;
    padding: .55rem .78rem !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    position: relative;
    z-index: 3;
}

.football-prediction-match-card--compact .football-prediction-mini-pill:hover {
    background: var(--primary-strong) !important;
    color: #fff !important;
}

@media (max-width: 900px) {
    .football-prediction-match-card--compact {
        grid-template-columns: minmax(170px,.8fr) minmax(185px,1fr) minmax(210px,.9fr) auto !important;
        min-width: 690px !important;
    }
}

/* Single prediction hero spacing: separate chips from actions without changing the hero design. */
.football-prediction-detail-page .football-prediction-detail-meta {
    margin: 1.05rem 0 1.1rem !important;
}
.football-prediction-detail-page .football-prediction-actions {
    gap: 1rem !important;
    margin-top: .4rem !important;
}
.football-prediction-detail-page .football-prediction-match-hero__copy .football-prediction-detail-meta + .football-prediction-actions {
    border-top: 1px solid rgba(14,165,164,.14);
    padding-top: 1rem;
}
.football-prediction-detail-page .football-prediction-detail-card .football-prediction-match-card--compact {
    min-width: min(100%, 780px) !important;
}

/* Previous predictions: show date and result status clearly. */
.football-prediction-history-list--clean {
    display: grid !important;
    gap: .65rem !important;
}
.football-prediction-history-list--clean .football-prediction-history-row {
    align-items: center !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid var(--border) !important;
    border-radius: 18px !important;
    display: grid !important;
    gap: .75rem !important;
    grid-template-columns: 42px minmax(210px,1fr) minmax(170px,.6fr) auto !important;
    padding: .75rem .85rem !important;
    text-decoration: none !important;
}
.football-prediction-history-row__icon {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}
.football-prediction-history-row--won .football-prediction-history-row__icon {
    background: rgba(22,163,74,.12);
    color: #15803d;
}
.football-prediction-history-row--lost .football-prediction-history-row__icon {
    background: rgba(220,38,38,.12);
    color: #dc2626;
}
.football-prediction-history-row--pending .football-prediction-history-row__icon,
.football-prediction-history-row--void .football-prediction-history-row__icon {
    background: rgba(14,165,164,.12);
    color: var(--primary-strong);
}
.football-prediction-history-row__body,
.football-prediction-history-row__dates {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.football-prediction-history-row__body strong {
    color: var(--bg-contrast);
    font-family: var(--font-display);
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.football-prediction-history-row__body em,
.football-prediction-history-row__dates small {
    color: var(--text-soft);
    font-style: normal;
    font-weight: 800;
}
.football-prediction-history-row__status {
    border-radius: 999px;
    font-family: var(--font-display);
    font-weight: 950;
    padding: .42rem .7rem;
    white-space: nowrap;
}
.football-prediction-history-row--won .football-prediction-history-row__status {
    background: rgba(22,163,74,.12);
    color: #15803d;
}
.football-prediction-history-row--lost .football-prediction-history-row__status {
    background: rgba(220,38,38,.12);
    color: #dc2626;
}
.football-prediction-history-row--pending .football-prediction-history-row__status,
.football-prediction-history-row--void .football-prediction-history-row__status {
    background: rgba(14,165,164,.10);
    color: var(--primary-strong);
}
@media (max-width: 760px) {
    .football-prediction-history-list--clean {
        overflow-x: auto;
        padding-bottom: .2rem;
    }
    .football-prediction-history-list--clean .football-prediction-history-row {
        min-width: 680px;
    }
}

html[data-theme="dark"] .football-prediction-match-card--compact,
html[data-theme="dark"] .football-prediction-history-list--clean .football-prediction-history-row {
    background: rgba(15,23,42,.90) !important;
}
html[data-theme="dark"] .football-prediction-match-card__teams--stacked .football-prediction-match-card__team img,
html[data-theme="dark"] .football-prediction-match-card__teams--stacked .football-prediction-match-card__team b,
html[data-theme="dark"] .football-prediction-match-card--compact .football-prediction-match-card__league img,
html[data-theme="dark"] .football-prediction-match-card--compact .football-prediction-match-card__league i {
    background: rgba(255,255,255,.08) !important;
}