/* Kisure Sports Frontend v560
 * Football-linked news-card fixture strip:
 * - always below the featured image and before card copy
 * - full team names when the card has room
 * - logo-only team identity when the card is too narrow
 * - never shrink names into unreadable 8px labels and never ellipsise them
 */

/* Card width is observed by JS; this also allows safe future container-query use. */
article.news-card{
    container-type:inline-size;
}

a.news-card-match-strip,
article.news-card > a.news-card-match-strip,
.surface-card > a.news-card-match-strip{
    position:relative;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 42px auto 42px minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    grid-auto-flow:column !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:64px;
    margin:0 !important;
    padding:.7rem .9rem !important;
    column-gap:.55rem !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    border-top:0 !important;
    border-bottom:1px solid color-mix(in srgb,var(--primary) 18%,var(--border-color,#d9e2ea));
    background:color-mix(in srgb,var(--surface,#fff) 96%,var(--primary) 4%);
    color:var(--text,#111827) !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

a.news-card-match-strip::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:var(--primary,#0ea5a4);
}
a.news-card-match-strip.is-live::before{background:var(--danger,#dc2626)}
a.news-card-match-strip.is-upcoming::before{background:var(--accent,#f59e0b)}
a.news-card-match-strip.is-finished::before{background:var(--success,#16a34a)}
a.news-card-match-strip:hover{
    background:color-mix(in srgb,var(--surface,#fff) 91%,var(--primary) 9%);
    color:var(--text,#111827) !important;
}
html[data-theme="dark"] a.news-card-match-strip{
    background:color-mix(in srgb,var(--surface,#0f172a) 94%,var(--primary) 6%);
}

.news-card-match-strip > *{
    min-width:0;
    margin:0 !important;
}

.news-card-match-strip__team{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    color:var(--text,#111827) !important;
    font-family:"Space Grotesk",sans-serif;
    font-size:1rem !important;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.018em;
}
.news-card-match-strip__team--home{text-align:right}
.news-card-match-strip__team--away{text-align:left}

.news-card-match-strip__crest{
    display:grid !important;
    place-items:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    overflow:hidden;
    border-radius:8px;
    background:transparent;
}
.news-card-match-strip__crest img{
    display:block !important;
    width:38px !important;
    height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    object-fit:contain;
}
.news-card-match-strip__crest i{
    color:var(--text-soft,#64748b);
    font-size:1.15rem;
}

.news-card-match-strip__result{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.34rem !important;
    min-width:max-content !important;
    white-space:nowrap !important;
    font-family:"Space Grotesk",sans-serif;
    font-variant-numeric:tabular-nums;
}
.news-card-match-strip__score,
.news-card-match-strip__penalty,
.news-card-match-strip__phase,
.news-card-match-strip__kickoff{
    display:inline-block !important;
    flex:0 0 auto !important;
    margin:0 !important;
    font-family:"Space Grotesk",sans-serif;
    font-variant-numeric:tabular-nums;
    white-space:nowrap !important;
}
.news-card-match-strip__score{
    min-width:25px;
    text-align:center;
    color:var(--text,#111827) !important;
    font-size:1.78rem !important;
    line-height:.92;
    font-weight:950;
    letter-spacing:-.045em;
}
.news-card-match-strip__penalty{
    color:var(--text,#111827) !important;
    font-size:.96rem !important;
    line-height:1;
    font-weight:900;
}
.news-card-match-strip__phase{
    min-width:30px;
    text-align:center;
    color:var(--text,#111827) !important;
    font-size:.82rem !important;
    line-height:1;
    font-weight:950;
    letter-spacing:.02em;
    text-transform:uppercase;
}
.news-card-match-strip.is-live .news-card-match-strip__phase{color:var(--danger,#dc2626) !important}
.news-card-match-strip__kickoff{
    display:block !important;
    justify-self:center !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    color:var(--text,#111827) !important;
    font-size:.88rem !important;
    line-height:1.08;
    font-weight:900;
    text-align:center;
}

/* If full names cannot fit, remove only the text labels. Logos + score/date stay
   large and centred instead of reducing names to microscopic type. */
a.news-card-match-strip.is-logo-only,
article.news-card > a.news-card-match-strip.is-logo-only,
.surface-card > a.news-card-match-strip.is-logo-only{
    grid-template-columns:44px auto 44px !important;
    justify-content:center !important;
    justify-items:center !important;
    column-gap:clamp(.65rem,4cqw,1.35rem) !important;
    padding-inline:.75rem !important;
}
.news-card-match-strip.is-logo-only .news-card-match-strip__team{
    display:none !important;
}
.news-card-match-strip.is-logo-only .news-card-match-strip__crest{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
}
.news-card-match-strip.is-logo-only .news-card-match-strip__crest img{
    width:40px !important;
    height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
}
.news-card-match-strip.is-logo-only .news-card-match-strip__score{
    font-size:1.9rem !important;
}
.news-card-match-strip.is-logo-only .news-card-match-strip__kickoff{
    font-size:.82rem !important;
}

@media(max-width:640px){
    a.news-card-match-strip,
    article.news-card > a.news-card-match-strip,
    .surface-card > a.news-card-match-strip{
        min-height:58px;
        padding-block:.62rem !important;
    }
    .news-card-match-strip__score{font-size:1.58rem !important}
    .news-card-match-strip__penalty{font-size:.82rem !important}
    .news-card-match-strip__phase{font-size:.72rem !important}
    .news-card-match-strip__kickoff{font-size:.76rem !important}
}

@media(max-width:390px){
    a.news-card-match-strip.is-logo-only,
    article.news-card > a.news-card-match-strip.is-logo-only,
    .surface-card > a.news-card-match-strip.is-logo-only{
        grid-template-columns:38px auto 38px !important;
        column-gap:.55rem !important;
        padding-inline:.45rem !important;
    }
    .news-card-match-strip.is-logo-only .news-card-match-strip__crest{
        width:38px !important;height:38px !important;min-width:38px !important;max-width:38px !important;
    }
    .news-card-match-strip.is-logo-only .news-card-match-strip__crest img{
        width:35px !important;height:35px !important;max-width:35px !important;max-height:35px !important;
    }
    .news-card-match-strip.is-logo-only .news-card-match-strip__score{font-size:1.48rem !important}
    .news-card-match-strip.is-logo-only .news-card-match-strip__kickoff{font-size:.7rem !important}
}