/*
 * Víkingur 26: fixtures and results (page-leikir-og-urslit.php), after the
 * design's FixturesPage, FixtureRow and NextMatchCard.
 */

.vik-fx__controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.vik-fx__controls [hidden]{display:none}
.vik-fx__venue{display:flex;gap:8px}
.vik-fx{padding-top:24px}
.vik-fx__panel+.vik-fx__panel{margin-top:72px}
.vik-fx__panel[hidden]{display:none}
/* Each team's heading is for the no-JavaScript page, where both are listed;
   once the tabs work, the tab names the panel. */
.vik-fx__team{margin:0 0 24px;font-family:var(--font-display);font-weight:900;font-size:clamp(36px,4vw,56px);line-height:.9;text-transform:uppercase}
.vik-fx.is-tabbed .vik-fx__team{display:none}
.vik-fx__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,4fr);gap:40px;align-items:start}
.vik-fx__list{display:grid;gap:40px;min-width:0}
.vik-fx__month[hidden]{display:none}
.vik-fx__mtitle{margin:0 0 16px;font-family:var(--font-display);font-weight:900;font-size:44px;line-height:.9;text-transform:uppercase}
.vik-fx__rows{border:1px solid var(--border-hairline)}
.vik-fx__none{margin:0;font-size:17px;color:var(--text-secondary)}
.vik-fx__none[hidden]{display:none}
.vik-fx__label{font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-fx__aside{position:sticky;top:100px;display:grid;gap:16px}
.vik-fx__nonext{display:grid;gap:8px;padding:20px;border:1px solid var(--border-hairline)}
.vik-fx__nonext p{margin:0;font-size:15px}
.vik-fx__seasons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:72px;padding-top:24px;border-top:1px solid var(--border-hairline)}
.vik-fx__seasons .vik-fx__label{margin-right:8px}

/* ── FixtureRow ── */
.vik-frow{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 20px;background:var(--white);border-bottom:1px solid var(--border-hairline);color:var(--ink);text-decoration:none;transition:background var(--dur-fast)}
.vik-frow:last-child{border-bottom:0}
.vik-frow[hidden]{display:none}
.vik-frow--link:hover{background:var(--gray-50)}
.vik-frow--link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
.vik-frow__date{display:grid;text-align:center;padding-right:10px;border-right:1px solid var(--border-hairline)}
.vik-frow__wd{font-family:var(--font-condensed);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-frow__day{font-family:var(--font-display);font-weight:900;font-size:30px;line-height:.9}
.vik-frow__mon{font-family:var(--font-condensed);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.vik-frow__main{display:grid;gap:4px;min-width:0}
.vik-frow__team{display:flex;align-items:center;gap:8px}
.vik-frow__name{flex:1;min-width:0;font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vik-frow__team.is-vik .vik-frow__name{font-weight:700}
.vik-frow__score{font-family:var(--font-display);font-weight:900;font-size:20px;line-height:1}
.vik-frow__meta{font-size:12px;color:var(--text-secondary)}
.vik-frow__end{display:flex;align-items:center;gap:8px}
.vik-frow__time{font-family:var(--font-display);font-weight:900;font-size:24px}
.vik-frow__end .vik-icon{color:var(--gray-400)}
.vik-frow--link:hover .vik-frow__end .vik-icon{color:var(--vik-astrida)}

/* ── NextMatchCard ── */
.vik-nextm{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--border-hairline)}
.vik-nextm__shield{position:absolute;right:-40px;top:20px;width:244px;height:260px;color:var(--gray-50)}
.vik-nextm__head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-hairline)}
.vik-nextm__label{font-family:var(--font-condensed);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.vik-nextm__body{position:relative;display:grid;gap:16px;padding:20px 16px 16px}
.vik-nextm__teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.vik-nextm__side{display:grid;gap:10px;justify-items:start}
.vik-nextm__side--end{justify-items:end;text-align:right}
.vik-nextm__name{font-family:var(--font-display);font-weight:900;font-size:34px;line-height:.86;text-transform:uppercase;overflow-wrap:anywhere}
.vik-nextm__vs{align-self:end;padding-bottom:4px;font-family:var(--font-condensed);font-weight:700;font-size:16px;text-transform:uppercase;color:var(--text-secondary)}
.vik-nextm__facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline)}
.vik-nextm__facts>div{display:grid;padding:10px 0}
.vik-nextm__facts>div+div{padding-left:12px;border-left:1px solid var(--border-hairline)}
.vik-nextm__k{font-family:var(--font-condensed);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-nextm__time{font-family:var(--font-display);font-weight:900;font-size:32px;line-height:1}
.vik-nextm__count{font-family:var(--font-mono);font-weight:500;font-size:22px;line-height:1.3;font-variant-numeric:tabular-nums}
.vik-nextm__actions{display:flex;gap:8px}
.vik-nextm__buy{flex:1;justify-content:center}

@media (max-width:1060px){
	.vik-fx__grid{grid-template-columns:1fr}
	/* On a narrow screen the next game comes first. */
	.vik-fx__aside{position:static;order:-1}
}
@media (max-width:640px){
	.vik-fx__mtitle{font-size:34px}
	.vik-frow{grid-template-columns:48px minmax(0,1fr) auto;padding:14px 12px;gap:10px}
	.vik-frow__day{font-size:26px}
	.vik-frow__time{font-size:20px}
	.vik-nextm__name{font-size:28px}
	.vik-fx__panel+.vik-fx__panel{margin-top:56px}
}