/* 1. division – kampside. Visuelt afstemt med /css/kamp.css, isoleret fra øvrige sider. */
.ss-1div-match{--ss-blue:#104470;--ss-text:#10315b;--ss-light:#cfe5f2;--ss-border:#d9e1e6;margin-bottom:14px}
.ss-1div-match *{box-sizing:border-box}
.ss-1div-match .ss-match-card,.ss-1div-match .ss-match-detail{width:100%;overflow:hidden;background:#fff;border:1px solid var(--ss-border);border-radius:6px}
.ss-1div-match .ss-match-card{margin-bottom:10px}
.ss-1div-match .ss-match-meta{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;min-height:36px;padding:0 12px;background:var(--ss-blue);color:#fff;font-size:13px;line-height:18px}
.ss-1div-match .ss-match-meta>div:nth-child(2){text-align:center}.ss-1div-match .ss-match-meta>div:last-child{text-align:right}
.ss-1div-match .ss-match-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;min-height:178px;padding:18px 24px 16px}
.ss-1div-match .ss-match-team{display:flex;flex-direction:column;align-items:center;min-width:0}.ss-1div-match .ss-match-logo-link{display:block;line-height:0}
.ss-1div-match .ss-match-logo{display:block!important;width:88px!important;height:88px!important;max-width:88px!important;object-fit:contain;margin:0 auto 7px!important}
.ss-1div-match .ss-match-team-name{display:block;max-width:100%;color:var(--ss-text);font-size:14px;font-weight:600;line-height:19px;text-align:center;overflow-wrap:break-word}
.ss-1div-match .ss-match-result{display:flex;min-height:142px;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ss-1div-match .ss-match-result-main{font-size:46px;font-weight:600;line-height:50px;letter-spacing:-.8px;white-space:nowrap}.ss-1div-match .ss-match-result-main span{display:inline-block;margin:0 10px;font-weight:400}
.ss-1div-match .ss-match-result-half{margin-top:1px;color:#6f7d86;font-size:12px;line-height:18px}
.ss-1div-match .ss-match-result-attendance{display:inline-flex;align-items:center;gap:5px;margin-top:21px;color:#74838d;font-size:13px;line-height:18px}
.ss-1div-match .icon{display:inline-block;flex:0 0 16px;width:16px;height:16px;background-image:url(/images/bg_ikoner.png);background-repeat:no-repeat;vertical-align:middle}
.ss-1div-match .spectators{background-position:0 0}.ss-1div-match .goal{background-position:0 -32px}.ss-1div-match .owngoal{background-position:0 -48px}.ss-1div-match .penalty{background-position:0 -64px}
.ss-1div-match .ss-match-detail{border-bottom:3px solid var(--ss-blue)}
.ss-1div-match .ss-match-section{padding:5px 10px;background:var(--ss-light);color:var(--ss-text);border-bottom:1px solid #afc8d8;font-size:12px;font-weight:600;line-height:18px}
.ss-1div-match .ss-match-event{display:grid;grid-template-columns:minmax(0,1fr) 34px 48px 34px minmax(0,1fr);align-items:center;min-height:30px;padding:2px 5px;border-bottom:1px solid #e7eaed;font-size:13px;line-height:18px}
.ss-1div-match .ss-match-event-player{min-width:0;overflow-wrap:break-word}.ss-1div-match .ss-match-event-home{text-align:right}.ss-1div-match .ss-match-event-away{text-align:left}
.ss-1div-match .ss-match-event-minute{color:#81909a;font-size:10px;text-align:center;white-space:nowrap}.ss-1div-match .ss-match-event-icon{text-align:center;line-height:0}
.ss-1div-match .ss-match-event a{color:var(--ss-text)!important;text-decoration:none!important;font-weight:400!important}.ss-1div-match .ss-match-event a:hover{text-decoration:underline!important}
.ss-1div-match .ss-event-score{display:inline-block;margin:0 5px;padding:0 4px;border:1px solid #d8e0e5;border-radius:3px;background:#f5f7f8;color:#65757f;font-size:9px;font-weight:600;line-height:14px;white-space:nowrap}
.ss-1div-match .ss-match-empty{padding:14px;text-align:center;color:#82919b;font-size:12px}
.ss-1div-match .ss-match-note-text{padding:10px 12px;background:#f7f9fa;color:#53646f;font-size:12px;line-height:18px}.ss-1div-match .ss-match-note-text p{margin:0 0 8px}.ss-1div-match .ss-match-note-text p:last-child{margin-bottom:0}
.ss-1div-match .ss-match-bottom{display:flex;gap:8px;flex-wrap:wrap;padding:9px 12px;background:#fff;font:12px/18px Arial,Helvetica,sans-serif}.ss-1div-match .ss-match-bottom a{color:var(--ss-blue)!important;text-decoration:none!important}.ss-1div-match .ss-match-bottom a:hover{text-decoration:underline!important}.ss-1div-match .ss-match-bottom span{color:#b2bdc5}
@media(max-width:700px){.ss-1div-match .ss-match-meta{grid-template-columns:1fr 1fr;gap:2px 8px;min-height:36px;padding:5px 8px;font-size:12px;line-height:17px}.ss-1div-match .ss-match-meta-stadium{display:none}.ss-1div-match .ss-match-scoreboard{grid-template-columns:minmax(0,1fr) 102px minmax(0,1fr);min-height:150px;padding:14px 7px 12px}.ss-1div-match .ss-match-logo{width:68px!important;height:68px!important;max-width:68px!important}.ss-1div-match .ss-match-team-name{font-size:12px}.ss-1div-match .ss-match-result-main{font-size:35px;line-height:39px}.ss-1div-match .ss-match-result-main span{margin:0 5px}.ss-1div-match .ss-match-result-attendance{margin-top:15px;font-size:11px;line-height:16px}.ss-1div-match .ss-match-event{grid-template-columns:minmax(0,1fr) 27px 32px 27px minmax(0,1fr);padding:3px 2px;font-size:12px;line-height:16px}.ss-1div-match .ss-event-score{margin:0 2px;padding:0 2px;font-size:8px}}

/* Tydelig afslutning på kampreferatet før den hvide linksektion. */
.ss-1div-match .ss-match-detail{border-bottom:0}
.ss-1div-match .ss-match-bottom{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:45px;margin-top:0;padding:13px 12px 8px!important;border-top:8px solid #104470!important;background:#fff!important;font:12px/18px Arial,Helvetica,sans-serif}
.ss-1div-match .ss-match-bottom a{font-weight:400!important}

/* v3: Rolig SLUT-markering og kraftig skillelinje før selvstændig navigation. */
.ss-1div-match .ss-match-finish{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;background:#f7f9fa;color:#71818c;font:600 10px/16px Arial,Helvetica,sans-serif;letter-spacing:1.5px}
.ss-1div-match .ss-match-finish::before,.ss-1div-match .ss-match-finish::after{content:"";width:34px;height:1px;margin:0 12px;background:#cdd7de}
.ss-1div-match .ss-match-bottom{gap:20px!important;padding:12px 14px!important;border-top:8px solid #104470!important;border-bottom:0!important;min-height:48px}
.ss-1div-match .ss-match-bottom a{display:inline-block;padding:2px 0}

/* v4: Pauseur i kampforløbet, separator mellem links og blå afslutning. */
.ss-1div-match .ss-match-halftime{display:flex;align-items:center;justify-content:center;min-height:27px;background:#f4f7f9;border-bottom:1px solid #dfe6eb}
.ss-1div-match .ss-halftime-clock{position:relative;display:block;width:14px;height:14px;border:1.5px solid #70899a;border-radius:50%;background:#fff}
.ss-1div-match .ss-halftime-clock::before{content:"";position:absolute;left:5px;top:2px;width:1.5px;height:5px;background:#70899a;border-radius:1px}
.ss-1div-match .ss-halftime-clock::after{content:"";position:absolute;left:5px;top:6px;width:4px;height:1.5px;background:#70899a;border-radius:1px}
.ss-1div-match .ss-match-bottom{gap:10px!important;border-bottom:1px solid #104470!important;border-radius:0 0 5px 5px;padding-bottom:12px!important}
.ss-1div-match .ss-match-link-divider{color:#9aa8b2;font-size:12px;line-height:22px}

/* v5: Nederste kant matcher boksens sidekanter. */
.ss-1div-match .ss-match-bottom{border-bottom:1px solid var(--ss-border)!important}

/* v6 – Historiske bemærkninger og navigation mellem sæsonens kampe. */
.ss-1div-match .ss-match-note{margin:10px 12px 12px;border:1px solid #d4e4ee;border-left:3px solid #104470;border-radius:4px;background:#f3f8fc;overflow:hidden}
.ss-1div-match .ss-match-note-title{padding:9px 12px 0;color:#104470;font:600 12px/18px Arial,Helvetica,sans-serif}
.ss-1div-match .ss-match-note-text{padding:5px 12px 10px!important;background:transparent!important;color:#53646f;font:12px/19px Arial,Helvetica,sans-serif}
.ss-1div-match .ss-match-note-text p{margin:0 0 8px!important}
.ss-1div-match .ss-match-note-text p:last-child{margin-bottom:0!important}
.ss-1div-match .ss-match-note-text br:first-child{display:none}
.ss-1div-match .ss-match-neighbors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center;padding:11px 12px;background:#f7f9fa;border-top:1px solid #e3e9ed;font:12px/18px Arial,Helvetica,sans-serif}
.ss-1div-match .ss-match-neighbors a{color:#104470!important;text-decoration:none!important;font-weight:400!important}
.ss-1div-match .ss-match-neighbors a:hover{text-decoration:underline!important}
.ss-1div-match .ss-match-neighbors a:nth-child(2){text-align:center}
.ss-1div-match .ss-match-neighbors a:last-child{text-align:right}
@media(max-width:700px){.ss-1div-match .ss-match-neighbors{gap:5px;padding:10px 7px;font-size:11px}.ss-1div-match .ss-match-note{margin:8px 8px 10px}}

/* v7 – Én bundnavigation, placeret under den blå adskillelse. */
.ss-1div-match .ss-match-bottom{justify-content:flex-start;gap:10px!important}
.ss-1div-match .ss-match-bottom .ss-match-link-divider{display:inline-block;color:#9aa8b2!important}

/* v8 – Tre faste positioner i bundnavigationen. */
.ss-1div-match .ss-match-bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    column-gap:10px!important;
}
.ss-1div-match .ss-match-bottom-prev{text-align:left}
.ss-1div-match .ss-match-bottom-season{text-align:center}
.ss-1div-match .ss-match-bottom-next{text-align:right}
.ss-1div-match .ss-match-bottom .ss-match-link-divider{text-align:center}
@media(max-width:700px){
    .ss-1div-match .ss-match-bottom{column-gap:5px!important;padding-left:7px!important;padding-right:7px!important;font-size:11px}
}

/* v9 – Præcis tredelt bundnavigation uden separatorer. */
.ss-1div-match .ss-match-bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100%;
    justify-content: stretch !important;
}
.ss-1div-match .ss-match-bottom-prev { justify-self: start; text-align: left; }
.ss-1div-match .ss-match-bottom-season { justify-self: center; text-align: center; }
.ss-1div-match .ss-match-bottom-next { justify-self: end; text-align: right; }
.ss-1div-match .ss-match-bottom .ss-match-link-divider { display: none !important; }
