/*
 * Kisure FE1033 FINAL
 * Article match summary mobile details only.
 * The article Blade partial is intentionally unchanged.
 */

.article-match-summary-block {
    --a1033-card:#1C1C1C;
    --a1033-raised:#242424;
    --a1033-line:#303030;
    --a1033-text:#F8FAFC;
    --a1033-muted:#A7A7A7;
    --a1033-accent:#0B9CA0;
    --a1033-accent-soft:#8FE0D9;
}

html[data-theme="light"] .article-match-summary-block {
    --a1033-card:#FFFFFF;
    --a1033-raised:#E8F7F7;
    --a1033-line:#C9E5E4;
    --a1033-text:#183033;
    --a1033-muted:#607477;
}

.article-match-summary-block .article-match-scoreboard__support-team {
    display:none;
}

@media (max-width:767.98px) {
    .article-match-summary-block .article-match-scoreboard__more-body {
        display:grid!important;
        gap:8px!important;
        padding:8px!important;
        background:var(--a1033-card)!important;
        border:0!important;
    }

    .article-match-summary-block .article-match-scoreboard__details--halftime {
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }

    .article-match-summary-block .article-match-scoreboard__halftime-pill {
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        width:100%!important;
        max-width:none!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 11px!important;
        border:1px solid var(--a1033-line)!important;
        border-radius:9px!important;
        background:var(--a1033-raised)!important;
        color:var(--a1033-text)!important;
        box-shadow:none!important;
    }

    .article-match-summary-block .article-match-scoreboard__halftime-pill small[data-kisure-halftime-label] {
        display:block!important;
        color:var(--a1033-muted)!important;
        font-size:10px!important;
        line-height:1!important;
        font-weight:800!important;
        letter-spacing:.08em!important;
        text-transform:uppercase!important;
    }

    .article-match-summary-block .article-match-scoreboard__halftime-pill strong {
        color:var(--a1033-text)!important;
        font-size:13px!important;
        line-height:1!important;
        font-weight:900!important;
        font-variant-numeric:tabular-nums!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals {
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        grid-template-areas:
            "event event"
            "home away"!important;
        gap:8px 12px!important;
        align-items:start!important;
        width:100%!important;
        margin:0!important;
        padding:9px!important;
        border:1px solid var(--a1033-line)!important;
        border-radius:9px!important;
        background:var(--a1033-raised)!important;
        color:var(--a1033-text)!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-center {
        grid-area:event!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        width:100%!important;
        min-width:0!important;
        padding:0 0 7px!important;
        border:0!important;
        border-bottom:1px solid var(--a1033-line)!important;
        background:transparent!important;
        color:var(--a1033-accent-soft)!important;
        text-align:center!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-title {
        color:var(--a1033-accent-soft)!important;
        font-size:9px!important;
        line-height:1!important;
        font-weight:900!important;
        letter-spacing:.08em!important;
        text-transform:uppercase!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-col {
        display:flex!important;
        flex-direction:column!important;
        gap:6px!important;
        width:100%!important;
        min-width:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-col--home {
        grid-area:home!important;
        align-items:flex-start!important;
        text-align:left!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-col--away {
        grid-area:away!important;
        align-items:flex-end!important;
        text-align:right!important;
    }

    .article-match-summary-block .article-match-scoreboard__support-team {
        display:block!important;
        max-width:100%!important;
        overflow:hidden!important;
        color:var(--a1033-muted)!important;
        font-size:9px!important;
        line-height:1.15!important;
        font-weight:800!important;
        letter-spacing:.045em!important;
        text-overflow:ellipsis!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-col strong {
        display:flex!important;
        flex-direction:column!important;
        gap:5px!important;
        width:100%!important;
        min-width:0!important;
        color:var(--a1033-text)!important;
        font-size:11px!important;
        line-height:1.25!important;
        font-weight:800!important;
    }


    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-col strong > span {
        display:block!important;
        max-width:100%!important;
        overflow-wrap:anywhere!important;
    }

    .article-match-summary-block .article-match-scoreboard__support--goals .article-match-scoreboard__support-col a {
        color:var(--a1033-text)!important;
        text-decoration:none!important;
        border-bottom:1px dotted rgba(143,224,217,.32)!important;
    }

    .article-match-summary-block .article-match-scoreboard__details--last {
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        justify-content:center!important;
        gap:7px 12px!important;
        width:100%!important;
        margin:0!important;
        padding:7px 9px!important;
        border:0!important;
        border-top:1px solid var(--a1033-line)!important;
        border-radius:0!important;
        background:transparent!important;
        color:var(--a1033-muted)!important;
    }

    .article-match-summary-block .article-match-scoreboard__details--last span {
        display:inline-flex!important;
        align-items:center!important;
        gap:5px!important;
        color:var(--a1033-muted)!important;
        font-size:10px!important;
        line-height:1.2!important;
        font-weight:700!important;
    }
}