/*
Theme Name: Fodboldunivers
Theme URI: https://nexodigital.dk/
Author: Busekist Media
Description: Stillinger og kampprogrammer med data fra API-Football. Ligaer og klubber oprettes manuelt under menuen "Fodboldunivers", så du selv styrer hvilke sider der findes.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: fodboldunivers
License: GPLv2 or later
*/

/* ---------- Skrifttyper (selvhostet) ---------- */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("assets/fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("assets/fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: normal;
	font-display: swap;
	font-weight: 100 800;
	src: url("assets/fonts/jetbrains-mono-latin-ext-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: normal;
	font-display: swap;
	font-weight: 100 800;
	src: url("assets/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Designtokens ---------- */
:root {
	--fu-bg: #f4f4f3;
	--fu-fg: #111e19;
	--fu-primary: #08271f;
	--fu-primary-fg: #fafaf8;
	--fu-muted: #5e6c67;
	--fu-border: #e1e1df;
	--fu-border-soft: #eaeae8;
	--fu-border-strong: #b7bbba;
	--fu-secondary: #f0f0ee;
	--fu-card: #ffffff;
	--fu-header: #fdfdfd;
	--fu-footer: #f0f0ee;
	--fu-zone-mork: #08271f;
	--fu-zone-graa: #798884;
	--fu-zone-lys: #c2c9c7;
	--fu-zone-rod: #e7000b;
	--fu-zone-gron: #2f9e44;
	--fu-zone-bla: #1c7ed6;
	--fu-radius: 8px;
	--fu-radius-sm: 6px;
	--fu-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--fu-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* ---------- Basis ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--fu-bg);
	color: var(--fu-fg);
	font-family: var(--fu-font);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "cv11" 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { list-style: none; padding: 0; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
img, svg { display: block; }
abbr[title] { text-decoration: none; }
[hidden] { display: none !important; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.fu-skip {
	position: absolute;
	left: 8px; top: -40px;
	z-index: 100;
	background: var(--fu-primary);
	color: var(--fu-primary-fg);
	padding: 8px 12px;
	border-radius: var(--fu-radius-sm);
	font-size: 14px;
}
.fu-skip:focus { top: 8px; }

:focus-visible { outline: 2px solid var(--fu-primary); outline-offset: 2px; }

.fu-icon { flex: none; }

.fu-container {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 32px;
}

.fu-main { flex: 1 0 auto; padding: 24px 0 128px; }

.fu-stack > * + * { margin-top: 24px; }
.fu-stack--tight > * + * { margin-top: 12px; }
.fu-stack--tight > .fu-matches,
.fu-stack--tight > .fu-section { margin-top: 24px; }

/* ---------- Header ---------- */
.fu-header {
	position: sticky;
	top: 0;
	z-index: 40;
	background: var(--fu-header);
	border-bottom: 1px solid var(--fu-border);
}
.admin-bar .fu-header { top: 32px; }

.fu-header__inner {
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.fu-brand {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: none;
}

.fu-logo {
	width: 32px;
	height: 32px;
	border-radius: var(--fu-radius-sm);
	background: var(--fu-primary);
	color: var(--fu-primary-fg);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--fu-mono);
	font-weight: 800;
	font-size: 16.5px;
	line-height: 1;
}
.fu-logo > span {
	display: inline-block;
	letter-spacing: -0.1em;
	transform: scaleX(.7);
}
.fu-logo--lg { width: 36px; height: 36px; font-size: 18.5px; }

.fu-brand__name {
	color: var(--fu-primary);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1;
}

.fu-search { position: relative; width: 256px; flex: none; }

.fu-search__field {
	display: flex;
	align-items: center;
	height: 36px;
	padding: 0 16px;
	gap: 8px;
	border-radius: 999px;
	background: var(--fu-secondary);
	color: var(--fu-muted);
	cursor: text;
}
.fu-search__icon { width: 16px; height: 16px; }

.fu-search__input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	outline: 0;
	font-size: 12px;
	color: var(--fu-fg);
	padding: 0;
	height: 100%;
	-webkit-appearance: none;
	appearance: none;
}
.fu-search__input::placeholder { color: var(--fu-muted); opacity: 1; }
.fu-search__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.fu-search__field:focus-within { box-shadow: 0 0 0 2px var(--fu-primary); }

.fu-search__results {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	min-width: 280px;
	background: var(--fu-card);
	border: 1px solid var(--fu-border);
	border-radius: var(--fu-radius);
	box-shadow: 0 10px 30px -10px rgba(17, 30, 25, .18);
	padding: 4px;
	max-height: 360px;
	overflow-y: auto;
	z-index: 50;
}
.fu-search__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: var(--fu-radius-sm);
	font-size: 14px;
}
.fu-search__item:hover,
.fu-search__item.is-active { background: var(--fu-secondary); }
.fu-search__item small { display: block; color: var(--fu-muted); font-size: 12px; }
.fu-search__empty { padding: 10px; font-size: 14px; color: var(--fu-muted); }

.fu-header__right {
	display: flex;
	align-items: center;
	gap: 24px;
}
.fu-nav {
	display: flex;
	align-items: center;
	gap: 24px;
}
.fu-nav__link {
	font-size: 12px;
	font-weight: 500;
	color: var(--fu-muted);
	white-space: nowrap;
	transition: color .15s;
}
.fu-nav__link:hover,
.fu-nav__link.is-active { color: var(--fu-fg); }

.fu-iconbtn {
	width: 36px;
	height: 36px;
	flex: none;
	border-radius: 999px;
	background: var(--fu-secondary);
	color: var(--fu-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background .15s;
}
.fu-iconbtn:hover { background: #e6e6e3; }
.fu-search-toggle { display: none; }

/* ---------- Kort ---------- */
.fu-card {
	background: var(--fu-card);
	border: 1px solid var(--fu-border);
	border-radius: var(--fu-radius);
}

.fu-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 16px;
}
.fu-card__head--border { border-bottom: 1px solid var(--fu-border); }
.fu-card__head--compact { min-height: 0; }
.fu-card__title { font-size: 14px; font-weight: 600; line-height: 20px; }
.fu-card__sub { font-size: 11px; color: var(--fu-muted); line-height: 1.5; margin-top: 2px; }

.fu-square {
	width: 40px;
	height: 40px;
	flex: none;
	border-radius: var(--fu-radius-sm);
	background: var(--fu-primary);
	color: var(--fu-primary-fg);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 12px;
}
.fu-square--sm { width: 32px; height: 32px; }
.fu-square--lg { width: 48px; height: 48px; }

.fu-empty { padding: 20px 16px; color: var(--fu-muted); font-size: 14px; }
.fu-notice { padding: 14px 16px; font-size: 14px; border-color: #f2c94c; background: #fffbea; }
.fu-notice a { text-decoration: underline; }

/* ---------- Forside: hero ---------- */
.fu-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding: 32px;
}

.fu-kicker {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	color: var(--fu-primary);
}

.fu-hero__title {
	margin-top: 20px;
	font-size: 36px;
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: 0;
}

.fu-hero__lead {
	margin-top: 12px;
	font-size: 14px;
	color: var(--fu-muted);
	line-height: 24px;
}

.fu-stats {
	flex: none;
	width: 192px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: #ced4d2;
	border: 1px solid #a7b1ae;
	border-radius: var(--fu-radius);
	overflow: hidden;
	color: var(--fu-primary-fg);
}
.fu-stats__cell {
	background: var(--fu-primary);
	padding: 16px;
	display: flex;
	flex-direction: column;
	height: 83px;
}
.fu-stats__num { font-size: 24px; font-weight: 700; line-height: 32px; }
.fu-stats__label {
	margin-top: 4px;
	font-size: 10px;
	font-weight: 500;
	line-height: 15px;
	text-transform: uppercase;
	color: #a7b1ae;
}
.fu-stats__link {
	grid-column: 1 / -1;
	background: var(--fu-primary);
	display: flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 0 16px;
	font-size: 12px;
	font-weight: 500;
	transition: background .15s;
}
.fu-stats__link:hover { background: #0d3328; }

/* ---------- Sektioner ---------- */
.fu-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}
.fu-section-title { font-size: 14px; font-weight: 600; line-height: 20px; }
.fu-section-link { font-size: 12px; color: var(--fu-muted); transition: color .15s; }
.fu-section-link:hover { color: var(--fu-fg); }

/* Ligaliste */
.fu-league-list { overflow: hidden; }
.fu-league-list > li + li { border-top: 1px solid var(--fu-border); }
.fu-league-row {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px;
	transition: background .15s;
}
.fu-league-row:hover { background: #fafaf9; }
.fu-league-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fu-league-row__title { font-size: 14px; font-weight: 600; line-height: 20px; }
.fu-league-row__meta { font-size: 12px; color: var(--fu-muted); line-height: 16px; margin-top: 2px; }
.fu-league-row__chev { color: var(--fu-muted); }

/* Klubgrid */
.fu-club-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	overflow: hidden;
}
.fu-club-grid > li {
	border-right: 1px solid var(--fu-border);
	border-bottom: 1px solid var(--fu-border);
}
.fu-club-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 16px;
	transition: background .15s;
}
a.fu-club-card:hover { background: #fafaf9; }
.fu-club-card__name { margin-top: 12px; font-size: 12px; font-weight: 600; line-height: 16px; }
.fu-club-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 3px; }
.fu-club-card__sub { font-size: 10px; color: var(--fu-muted); line-height: 15px; }
.fu-club-card__arrow { color: var(--fu-muted); }

/* Holdbadges */
.fu-badge {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	font-weight: 700;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
}
.fu-badge--xs {
	width: 24px;
	height: 24px;
	background: var(--fu-secondary);
	color: var(--fu-primary);
	font-size: 8px;
	letter-spacing: -0.01em;
}
.fu-badge--md {
	width: 36px;
	height: 36px;
	background: var(--fu-primary);
	color: var(--fu-primary-fg);
	font-size: 10px;
}
.fu-badge--lg {
	width: 56px;
	height: 56px;
	background: var(--fu-primary);
	color: var(--fu-primary-fg);
	font-size: 14px;
}
.fu-badge--long.fu-badge--xs { font-size: 7px; }
.fu-badge--long.fu-badge--md { font-size: 10px; }
.fu-badge--logo { background: #fff; border: 1px solid var(--fu-border); }
.fu-badge--logo img { width: 72%; height: 72%; object-fit: contain; }

/* ---------- Sidehoved (liga/klub) ---------- */
.fu-pagehead { overflow: hidden; }
.fu-pagehead__top {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 20px 20px;
}
.fu-pagehead__title { font-size: 18px; font-weight: 700; line-height: 28px; }
.fu-pagehead__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 12px;
	margin-top: 2px;
	font-size: 12px;
	color: var(--fu-muted);
	line-height: 16px;
}
.fu-pagehead__metaitem { display: inline-flex; align-items: center; gap: 4px; }

.fu-tabs {
	display: flex;
	gap: 20px;
	height: 43px;
	padding: 0 20px;
	border-top: 1px solid var(--fu-border);
	overflow-x: auto;
	scrollbar-width: none;
}
.fu-tabs::-webkit-scrollbar { display: none; }
.fu-tab {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--fu-muted);
	white-space: nowrap;
	line-height: 16px;
	transition: color .15s;
}
.fu-tab:hover { color: var(--fu-fg); }
.fu-tab.is-active { color: var(--fu-primary); }
.fu-tab.is-active::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 2px;
	background: var(--fu-primary);
}

.fu-back {
	display: flex;
	width: fit-content;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	line-height: 20px;
	color: var(--fu-muted);
	transition: color .15s;
}
.fu-stack--tight > .fu-back + * { margin-top: 16px; }
.fu-back:hover { color: var(--fu-fg); }

/* ---------- Stilling ---------- */
.fu-standings { overflow: hidden; }
.fu-standings .fu-card__head { border-bottom: 1px solid var(--fu-border); }

.fu-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 20px;
	padding: 0 12px;
	border-radius: 999px;
	background: var(--fu-secondary);
	font-size: 11px;
	font-weight: 500;
	color: var(--fu-fg);
	transition: background .15s;
}
.fu-chip:hover { background: #e6e6e3; }

.fu-split { position: relative; }
.fu-split__menu {
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	z-index: 10;
	min-width: 160px;
	padding: 4px;
	background: var(--fu-card);
	border: 1px solid var(--fu-border);
	border-radius: var(--fu-radius);
	box-shadow: 0 10px 30px -10px rgba(17, 30, 25, .18);
}
.fu-split__menu button {
	width: 100%;
	text-align: left;
	padding: 7px 10px;
	border-radius: var(--fu-radius-sm);
	font-size: 13px;
}
.fu-split__menu button:hover,
.fu-split__menu button[aria-selected="true"] { background: var(--fu-secondary); }

.fu-table-group {
	padding: 10px 14px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--fu-muted);
	background: var(--fu-bg);
	border-bottom: 1px solid var(--fu-border);
}
.fu-table-wrap { overflow-x: auto; }
.fu-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 14px;
}
.fu-table th {
	height: 34.5px;
	padding: 0 12px;
	font-size: 10px;
	font-weight: 500;
	color: var(--fu-muted);
	text-align: right;
	border-bottom: 1px solid var(--fu-border);
	white-space: nowrap;
}
.fu-table td {
	height: 49px;
	padding: 0 12px;
	text-align: right;
	border-bottom: 1px solid var(--fu-border-soft);
	white-space: nowrap;
}
.fu-table tbody tr:last-child td { border-bottom: 0; }
.fu-c-rank { width: 8.3%; }
.fu-c-team { width: 34.4%; }
.fu-c-num { width: 6.8%; }
.fu-c-num2 { width: 6.5%; }
.fu-c-num3 { width: 5.43%; }
.fu-c-goals { width: 12.53%; }
.fu-c-diff { width: 9.08%; }
.fu-c-pts { width: 10.46%; }
.fu-table__team { max-width: 100%; }
.fu-table__name { overflow: hidden; text-overflow: ellipsis; }
.fu-table th:first-child,
.fu-table td:first-child { padding-left: 16px; }
.fu-table th:last-child,
.fu-table td:last-child { padding-right: 16px; }
.fu-table .fu-col-rank { text-align: left; color: var(--fu-muted); font-size: 12px; }
.fu-table th.fu-col-rank { font-size: 10px; }
.fu-table .fu-col-team { text-align: left; }
.fu-table td.fu-col-team { font-size: 14px; }
.fu-table .fu-col-goals { color: var(--fu-muted); }
.fu-table .fu-col-diff { color: var(--fu-muted); }
.fu-table .fu-col-pts { font-weight: 700; }
.fu-table th.fu-col-pts { font-weight: 500; }
.fu-table td.fu-col-num,
.fu-table td.fu-col-goals,
.fu-table td.fu-col-diff,
.fu-table td.fu-col-pts { font-size: 14px; }

.fu-table tr > :first-child { position: relative; }
.fu-table tr[class*="fu-zone-"] > td:first-child::before {
	content: "";
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 4px;
}
.fu-table tr.fu-zone-mork td:first-child::before { background: var(--fu-zone-mork); }
.fu-table tr.fu-zone-graa td:first-child::before { background: var(--fu-zone-graa); }
.fu-table tr.fu-zone-lys td:first-child::before { background: var(--fu-zone-lys); }
.fu-table tr.fu-zone-rod td:first-child::before { background: var(--fu-zone-rod); }
.fu-table tr.fu-zone-gron td:first-child::before { background: var(--fu-zone-gron); }
.fu-table tr.fu-zone-bla td:first-child::before { background: var(--fu-zone-bla); }
.fu-table tr.fu-zone-mork td,
.fu-table tr.fu-zone-graa td,
.fu-table tr.fu-zone-lys td,
.fu-table tr.fu-zone-gron td,
.fu-table tr.fu-zone-bla td { border-bottom-color: var(--fu-border-strong); }
.fu-table tr.is-highlight td { background: #f6f6f4; font-weight: 600; }

.fu-table__team { display: inline-flex; align-items: center; gap: 8px; vertical-align: middle; }
a.fu-table__team:hover .fu-table__name { text-decoration: underline; text-underline-offset: 3px; }

/* Signaturforklaring */
.fu-legend { padding: 12px 16px; }
.fu-legend__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--fu-border);
	font-size: 11px;
	line-height: 1.5;
}
.fu-legend__item { display: inline-flex; align-items: center; gap: 8px; color: var(--fu-muted); }
.fu-legend__item strong { color: var(--fu-fg); font-weight: 500; }
.fu-legend__bar { width: 4px; height: 12px; border-radius: 2px; }
.fu-zone-bg-mork { background: var(--fu-zone-mork); }
.fu-zone-bg-graa { background: var(--fu-zone-graa); }
.fu-zone-bg-lys { background: var(--fu-zone-lys); }
.fu-zone-bg-rod { background: var(--fu-zone-rod); }
.fu-zone-bg-gron { background: var(--fu-zone-gron); }
.fu-zone-bg-bla { background: var(--fu-zone-bla); }
.fu-legend__note { margin-top: 12px; font-size: 11px; color: var(--fu-muted); line-height: 1.5; }
.fu-legend__note--solo { margin-top: 0; }

/* ---------- Kampe (runder) ---------- */
.fu-matches__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	align-items: start;
}
.fu-rounds { border-top: 1px solid var(--fu-border); padding-top: 16px; min-width: 0; }
.fu-rounds__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	height: 28px;
	margin-bottom: 16px;
}
.fu-rounds__title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
.fu-rounds__nav { display: flex; align-items: center; }
.fu-rounds__btn {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: var(--fu-fg);
	transition: background .15s;
}
.fu-rounds__btn:hover:not(:disabled) { background: var(--fu-secondary); }
.fu-rounds__btn:disabled { color: var(--fu-muted); opacity: .5; cursor: default; }
.fu-rounds__label {
	min-width: 72px;
	text-align: center;
	font-size: 11px;
	font-weight: 500;
}
.fu-rounds__body { overflow: hidden; }

.fu-day__label {
	padding: 8px 16px;
	line-height: 1.5;
	background: var(--fu-bg);
	font-size: 11px;
	font-weight: 500;
}
.fu-day__list > li { border-top: 1px solid var(--fu-border); }

.fu-match {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
}
.fu-match__teams { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.fu-match__team { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fu-match__link { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 12px; line-height: 16px; }
a.fu-match__link:hover .fu-match__name { text-decoration: underline; text-underline-offset: 3px; }
.fu-match__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fu-match__score {
	font-family: var(--fu-mono);
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}
.fu-match__meta {
	flex: none;
	align-self: center;
	border-left: 1px solid var(--fu-border);
	padding-left: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 16px;
}
.fu-match__status { font-size: 10px; line-height: 15px; color: var(--fu-muted); }
.fu-match__time {
	font-family: var(--fu-mono);
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: var(--fu-muted);
}
.fu-match__time--text { font-family: var(--fu-font); font-size: 11px; font-weight: 500; }
.fu-match.is-live .fu-match__status { color: var(--fu-zone-rod); font-weight: 600; }

.fu-footnote { margin-top: 12px; font-size: 11px; color: var(--fu-muted); line-height: 1.5; }

/* ---------- Klubside ---------- */
.fu-clubhead__text { flex: 1; min-width: 0; }
.fu-clubhead__title { font-size: 20px; line-height: 28px; }
.fu-clubhead .fu-pagehead__meta { margin-top: 4px; }

.fu-clubstats {
	flex: none;
	display: grid;
	grid-template-columns: repeat(3, 80px);
	border: 1px solid var(--fu-border);
	border-radius: var(--fu-radius);
	overflow: hidden;
	text-align: center;
}
.fu-clubstats > div { padding: 8px 4px; }
.fu-clubstats > div + div { border-left: 1px solid var(--fu-border); }
.fu-clubstats dt { font-size: 9px; color: var(--fu-muted); line-height: 1.5; }
.fu-clubstats dd { font-size: 14px; font-weight: 700; line-height: 20px; }

.fu-nextmatch {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px;
}
.fu-nextmatch__teams {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 12px;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}
.fu-nextmatch__vs { font-size: 11px; line-height: 16px; font-weight: 400; color: var(--fu-muted); }
.fu-nextmatch__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	margin-top: 8px;
	font-size: 12px;
	line-height: 16px;
	color: var(--fu-muted);
}
.fu-nextmatch__meta > span { display: inline-flex; align-items: center; gap: 4px; }
.fu-nextmatch__link { flex: none; font-size: 12px; font-weight: 500; white-space: nowrap; }
.fu-nextmatch__link:hover { text-decoration: underline; text-underline-offset: 3px; }

.fu-fixtures > li + li { border-top: 1px solid var(--fu-border); }
.fu-fixture {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 16px;
}
.fu-fixture__round { width: 40px; flex: none; font-size: 10px; line-height: 15px; color: var(--fu-muted); }
.fu-fixture__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fu-fixture__when { font-size: 11px; color: var(--fu-muted); line-height: 1.5; }
.fu-fixture__title {
	display: flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
}
.fu-fixture__team { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.fu-fixture__name { overflow: hidden; text-overflow: ellipsis; }
.fu-fixture__sep { flex: none; }
.fu-inline-logo { width: 18px; height: 18px; flex: none; object-fit: contain; }
.fu-fixture__team:has(.fu-inline-logo) + .fu-fixture__sep,
.fu-fixture__team:has(.fu-inline-logo) + .fu-fixture__score { margin: 0 4px; }
.fu-fixture__score { flex: none; font-family: var(--fu-mono); font-weight: 600; font-size: 13px; padding: 0 4px; }
.fu-fixture__side { flex: none; display: flex; align-items: center; gap: 12px; }
.fu-pill {
	width: 24px;
	height: 20px;
	border-radius: 999px;
	background: var(--fu-secondary);
	color: var(--fu-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 500;
}
.fu-pill--v { background: var(--fu-primary); color: var(--fu-primary-fg); }
.fu-pill--t { background: #fde8e8; color: #b42318; }
.fu-fixture__opp { font-size: 12px; line-height: 16px; color: var(--fu-muted); white-space: nowrap; transition: color .15s; }
a.fu-fixture__opp:hover { color: var(--fu-fg); }
.fu-fixture__opp.is-static { padding-right: 14px; }

/* ---------- Tekstindhold ---------- */
.fu-prose { padding: 24px; font-size: 15px; line-height: 1.65; }
.fu-prose > * + * { margin-top: 1em; }
.fu-prose h1, .fu-prose__title { font-size: 22px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; }
.fu-prose h2 { font-size: 18px; font-weight: 600; line-height: 1.35; margin-top: 1.4em; }
.fu-prose h3 { font-size: 16px; font-weight: 600; margin-top: 1.2em; }
.fu-prose a { text-decoration: underline; text-underline-offset: 3px; }
.fu-prose ul { list-style: disc; padding-left: 1.3em; }
.fu-prose ol { list-style: decimal; padding-left: 1.3em; }
.fu-prose img { max-width: 100%; height: auto; }

/* ---------- Footer ---------- */
.fu-footer {
	background: var(--fu-footer);
	border-top: 1px solid var(--fu-border);
}
.fu-footer__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	padding-top: 48px;
	padding-bottom: 48px;
}
.fu-footer__tagline { margin-top: 16px; font-size: 14px; font-weight: 600; line-height: 20px; max-width: 180px; }
.fu-footer__title { font-size: 12px; font-weight: 600; line-height: 16px; }
.fu-footer__links { margin-top: 12px; }
.fu-footer__links li + li { margin-top: 8px; }
.fu-footer__links li { font-size: 12px; line-height: 16px; }
.fu-footer__links a { color: var(--fu-muted); transition: color .15s; }
.fu-footer__links a:hover { color: var(--fu-fg); }
.fu-footer__text { margin-top: 12px; font-size: 12px; color: var(--fu-muted); line-height: 20px; max-width: 200px; }
.fu-footer__bottom {
	border-top: 1px solid var(--fu-border);
	padding: 20px 0;
	line-height: 15px;
	font-size: 10px;
	color: var(--fu-muted);
}

/* ---------- Responsivt ---------- */
@media (max-width: 1023px) {
	.fu-header__inner { gap: 12px; }
	.fu-nav { gap: 16px; }
	.fu-search { width: 200px; }
	.fu-club-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
	.fu-header__inner { flex-wrap: wrap; height: auto; padding-top: 14px; row-gap: 0; column-gap: 12px; justify-content: flex-start; }
	.fu-header__right { display: contents; }
	.fu-brand { height: 36px; }
	.fu-search { margin-left: auto; }
	.fu-nav {
		order: 10;
		width: 100%;
		height: 44px;
		overflow-x: auto;
		scrollbar-width: none;
		gap: 20px;
	}
	.fu-nav::-webkit-scrollbar { display: none; }
	.fu-matches__grid { grid-template-columns: 1fr; gap: 32px; }
	.fu-hero { flex-direction: column; align-items: stretch; }
	.fu-stats { width: 100%; max-width: 320px; }
}

@media (max-width: 640px) {
	.fu-container { padding: 0 16px; }
	.fu-main { padding-bottom: 72px; }
	.fu-search { display: none; position: static; order: 11; width: 100%; margin-left: 0; padding-bottom: 12px; }
	.fu-header.is-searching .fu-search { display: block; }
	.fu-header.is-searching .fu-search__results { left: 16px; right: 16px; top: auto; }
	.fu-search-toggle { display: inline-flex; margin-left: auto; }
	.fu-hero { padding: 24px 20px; }
	.fu-hero__title { font-size: 32px; }
	.fu-club-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fu-hide-sm { display: none; }
	.fu-table { table-layout: auto; }
	.fu-table col { width: auto; }
	.fu-table th, .fu-table td { padding: 0 8px; }
	.fu-table .fu-col-rank { width: 36px; padding-left: 14px; }
	.fu-table .fu-col-num { width: 36px; }
	.fu-table .fu-col-goals { width: 64px; }
	.fu-table .fu-col-diff { width: 44px; }
	.fu-table .fu-col-pts { width: 40px; padding-right: 14px; }
	.fu-table td.fu-col-team { font-size: 14px; }
	.fu-pagehead__top { flex-wrap: wrap; }
	.fu-clubstats { width: 100%; grid-template-columns: repeat(3, 1fr); }
	.fu-nextmatch { flex-direction: column; align-items: flex-start; }
	.fu-nextmatch__teams { font-size: 18px; }
	.fu-footer__grid { grid-template-columns: 1fr; gap: 24px; }
	.fu-fixture { gap: 10px; }
	.fu-fixture__round { width: 28px; }
}

@media (max-width: 400px) {
	.fu-hide-xs { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; scroll-behavior: auto !important; }
}