/**
 * Hide scheduled kickoff date/time when a fixture row is live.
 * Loaded alongside live-scores.js on all pages with live fixture rows.
 */
.match-row[data-status="ongoing"] .match-date,
.match-row[data-status="ongoing"] .match-year,
.match-row[data-status="ongoing"] .match-time-val:not(.live-minute-cell),
.match-row[data-status="ongoing"] .fx-date-dm,
.match-row[data-status="ongoing"] .fx-date-yr,
.match-row[data-status="ongoing"] .fx-date-tm:not(.live-minute-cell),
.match-row[data-status="ongoing"] .match-kickoff.fx-date-1line,
.match-row[data-status="ongoing"] .h2h-cell-date .match-date,
.match-row[data-status="ongoing"] .h2h-cell-date-year,
.match-row[data-status="ongoing"] .h2h-cell-date-time:not(.live-minute-cell),
.match-row[data-status="ongoing"] .player-match-date-text,
.match-row[data-status="ongoing"] .pm-date,
.match-row[data-status="ongoing"] .og-match-when-sep,
.match-row[data-status="ongoing"] .mobile-card-time {
    display: none !important;
}

/* Keep live minute badge visible in the date column */
.match-row[data-status="ongoing"] .live-minute-cell,
.match-row[data-status="ongoing"] .match-time-live.live-minute-cell {
    display: flex !important;
}

/*
 * Match the vertical space of the 3-line kickoff block (day / year / time)
 * so live minutes sit in the same band as upcoming fixture dates.
 */
:root {
    --live-kickoff-slot-height: calc(0.72rem * 1.2 + 0.67rem * 1.2 + 0.67rem * 1.2 + 2px);
}

.match-row[data-status="ongoing"] .h2h-cell-date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: var(--live-kickoff-slot-height);
    align-self: center;
}

@media (max-width: 1133px) {
    .match-row[data-status="ongoing"] .h2h-cell-date {
        min-height: 0;
    }
}

.match-row[data-status="ongoing"] .fx-date-3line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: var(--live-kickoff-slot-height);
    width: 100%;
    gap: 1px;
}

.match-row[data-status="ongoing"] .h2h-cell-date-time:not(.live-minute-cell):empty {
    display: none !important;
}

.match-row[data-status="ongoing"] .fx-date-tm.live-minute-cell,
.match-row[data-status="ongoing"] .h2h-cell-date-time.live-minute-cell {
    font-size: 0.72rem;
    line-height: 1.2;
}

.match-row[data-status="ongoing"] td.match-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: var(--live-kickoff-slot-height);
    vertical-align: middle;
}

/* Mobile/tablet live rows share one flex line with teams + LIVE; don't force
   a 3-line kickoff slot height that stretches the row unevenly. */
@media (max-width: 1133px) {
    .match-row[data-status="ongoing"] td.match-time {
        min-height: 0;
        align-self: center;
    }
}

.match-row[data-status="ongoing"] .pm-context {
    align-items: flex-start;
    justify-content: center;
    min-height: var(--live-kickoff-slot-height);
}

/* Shared live minute badge (player/coach/market pages) */
.live-minute-cell {
    display: flex;
    align-items: center;
    gap: 4px;
}
.live-minute-cell .rndfx-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ade80;
    flex-shrink: 0;
    animation: liveKickoffPulse 1.2s ease-in-out infinite;
}
.live-minute-cell .live-minute-badge {
    font-size: 0.72rem;
    font-weight: 700;
    color: #4ade80;
    letter-spacing: 0.03em;
}
@keyframes liveKickoffPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.35; transform: scale(0.7); }
}

/* Upcoming fixtures: show kickoff in score slot when the date column is hidden (mobile/tablet) */
.match-score-kickoff,
.h2h-score-kickoff {
    display: none;
}

.match-score-dash,
.h2h-score-dash {
    display: inline;
}

@media (max-width: 900px) {
    .match-score.is-placeholder .match-score-kickoff {
        display: inline;
        font-weight: 600;
        font-size: 0.72rem;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }

    .match-score.is-placeholder .match-score-dash {
        display: none;
    }
}

@media (max-width: 1133px) {
    .h2h-score-box.is-placeholder .h2h-score-kickoff {
        display: inline;
        font-weight: 600;
        font-size: 0.72rem;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }

    .h2h-score-box.is-placeholder .h2h-score-dash {
        display: none;
    }
}