.rbfa-wedstrijden {
	--rbfa-border: #e6e8eb;
	--rbfa-muted: #6b7280;
	--rbfa-winst: #1a9c5b;
	--rbfa-verlies: #d43f3f;
	--rbfa-gelijk: #b58a1b;
	--rbfa-knop: #c45c4c;
	font-size: 15px;
	line-height: 1.4;
}

.rbfa-wedstrijden__titel {
	margin: 0 0 .75em;
}

.rbfa-wedstrijden__leeg {
	color: var(--rbfa-muted);
	font-style: italic;
}

/* Kaartweergave */

.rbfa-lijst {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .5rem;
}

.rbfa-match {
	display: grid;
	grid-template-columns: 4.5rem 1fr auto;
	align-items: center;
	gap: 1rem;
	padding: .75rem 1rem;
	background: #fff;
	border: 1px solid var(--rbfa-border);
	border-left: 4px solid var(--rbfa-border);
	border-radius: 8px;
}

.rbfa-match.is-winst {
	border-left-color: var(--rbfa-winst);
}

.rbfa-match.is-verlies {
	border-left-color: var(--rbfa-verlies);
}

.rbfa-match.is-gelijk {
	border-left-color: var(--rbfa-gelijk);
}

.rbfa-match__datum {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.rbfa-match__dag {
	font-weight: 700;
	text-transform: capitalize;
}

.rbfa-match__uur {
	color: var(--rbfa-muted);
	font-size: .875em;
}

.rbfa-match__ploegen {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: .75rem;
}

.rbfa-ploeg {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-width: 0;
}

.rbfa-ploeg--away {
	justify-content: flex-end;
	flex-direction: row-reverse;
}

.rbfa-ploeg.is-eigen .rbfa-ploeg__naam {
	font-weight: 700;
}

.rbfa-ploeg__logo {
	width: 32px;
	height: 32px;
	object-fit: contain;
	flex: 0 0 auto;
}

.rbfa-ploeg__naam {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rbfa-match__score {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	padding: .1em .5em;
	border-radius: 4px;
	background: #f3f4f6;
}

.rbfa-match.is-gepland .rbfa-match__score {
	background: none;
	color: var(--rbfa-muted);
}

.rbfa-match__meta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .15rem;
	color: var(--rbfa-muted);
	font-size: .8125em;
	text-align: right;
}

/* Compacte weergave, bv. homepage of sidebar */

.rbfa-compact {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rbfa-compact__item {
	display: grid;
	grid-template-columns: 4rem 1fr;
	align-items: center;
	gap: .75rem;
	padding: .5rem 0;
	border-bottom: 1px solid var(--rbfa-border);
}

.rbfa-compact__item:last-child {
	border-bottom: 0;
}

.rbfa-compact__datum {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
	font-size: .875em;
}

.rbfa-compact__dag {
	font-weight: 700;
	text-transform: capitalize;
}

.rbfa-compact__uur {
	color: var(--rbfa-muted);
	font-size: .875em;
}

.rbfa-compact__ploegen {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: .5rem;
	min-width: 0;
	font-size: .9375em;
}

.rbfa-compact__wedstrijd {
	display: grid;
	gap: .15rem;
	min-width: 0;
}

.rbfa-compact__ploeg {
	font-size: .75em;
	font-weight: 600;
	color: var(--rbfa-muted);
	line-height: 1.2;
}

.rbfa-compact__vs {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--rbfa-muted);
	white-space: nowrap;
}

.rbfa-compact__item.is-gespeeld .rbfa-compact__vs {
	color: inherit;
}

.rbfa-compact .rbfa-ploeg__logo {
	width: 22px;
	height: 22px;
}

/* Homepage */

.rbfa-wedstrijden--homepage .rbfa-wedstrijden__titel {
	margin: 0 0 .35rem;
	font-size: 1.2rem;
}

.rbfa-wedstrijden--homepage .rbfa-compact__item {
	padding: .65rem 0;
}

.rbfa-wedstrijden--homepage .rbfa-compact__dag,
.rbfa-wedstrijden--homepage .rbfa-compact__uur {
	font-weight: 400;
	color: var(--rbfa-muted);
}

.rbfa-homepage__knop {
	display: block;
	margin-top: 1.1rem;
	padding: .75rem 1rem;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: var(--rbfa-knop);
	border-radius: 3px;
	font-weight: 600;
}

.rbfa-homepage__knop:hover,
.rbfa-homepage__knop:focus {
	color: #fff;
	filter: brightness(.95);
}

/* Tabelweergave */

.rbfa-tabel {
	width: 100%;
	border-collapse: collapse;
}

.rbfa-tabel th,
.rbfa-tabel td {
	padding: .5rem .6rem;
	border-bottom: 1px solid var(--rbfa-border);
	text-align: left;
	vertical-align: middle;
}

.rbfa-tabel th {
	font-size: .8125em;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--rbfa-muted);
}

.rbfa-tabel .rbfa-ploeg--away {
	flex-direction: row;
	justify-content: flex-start;
}

.rbfa-tabel tr.is-winst td:last-child,
.rbfa-tabel tr.is-verlies td:last-child,
.rbfa-tabel tr.is-gelijk td:last-child {
	font-weight: 700;
}

.rbfa-tabel tr.is-winst td:last-child {
	color: var(--rbfa-winst);
}

.rbfa-tabel tr.is-verlies td:last-child {
	color: var(--rbfa-verlies);
}

.rbfa-tabel__datum {
	white-space: nowrap;
}

.rbfa-tabel tr.is-volgende td {
	background: #eceff2;
}

/* Rangschikking */

.rbfa-stand {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.rbfa-stand th,
.rbfa-stand td {
	padding: .4rem .5rem;
	border-bottom: 1px solid var(--rbfa-border);
	text-align: center;
	white-space: nowrap;
}

.rbfa-stand th {
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--rbfa-muted);
	font-weight: 600;
}

.rbfa-stand__pos {
	width: 2.5rem;
	color: var(--rbfa-muted);
}

.rbfa-stand__ploeg {
	text-align: left;
	white-space: normal;
}

.rbfa-stand__ploeg .rbfa-ploeg__logo {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: .4rem;
	object-fit: contain;
}

.rbfa-stand__ptn {
	font-weight: 700;
}

.rbfa-stand tr.is-eigen {
	background: #f3f8ff;
}

.rbfa-stand tr.is-eigen td {
	font-weight: 700;
}

.rbfa-stand tr.is-eigen .rbfa-stand__pos {
	color: inherit;
}

/* Positie als losse tekstregel */

.rbfa-positie {
	display: inline-flex;
	align-items: baseline;
	gap: .4rem;
	font-weight: 700;
}

.rbfa-positie__reeks {
	font-weight: 400;
	color: var(--rbfa-muted);
	font-size: .875em;
}

/* Ploegkaart */

.rbfa-wedstrijden--ploeg {
	border: 1px solid var(--rbfa-border);
	border-radius: 10px;
	padding: 1rem 1.25rem 1.25rem;
	background: #fff;
}

.rbfa-ploegkaart__blokken {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1rem;
}

.rbfa-ploegkaart__blok + .rbfa-ploegkaart__blok,
.rbfa-ploegkaart__blokken + .rbfa-ploegkaart__blok {
	margin-top: 1.25rem;
}

.rbfa-ploegkaart__blokken .rbfa-ploegkaart__blok + .rbfa-ploegkaart__blok {
	margin-top: 0;
}

.rbfa-ploegkaart__kop {
	margin: 0 0 .5rem;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--rbfa-muted);
}

.rbfa-ploegkaart__blok .rbfa-compact__item {
	padding-top: 0;
}

/* Maandkalender */

.rbfa-kalender {
	border: 1px solid var(--rbfa-border);
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.rbfa-kalender__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .75rem 1rem;
	border-bottom: 1px solid var(--rbfa-border);
}

.rbfa-kalender__maand {
	margin: 0;
	font-size: 1.05rem;
	text-align: center;
}

.rbfa-kalender__knop {
	color: inherit;
	text-decoration: none;
	border: 1px solid var(--rbfa-border);
	border-radius: 6px;
	padding: .35rem .7rem;
	font-size: .875rem;
}

.rbfa-kalender__knop:hover {
	background: #f6f8fa;
}

.rbfa-kalender__grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.rbfa-kalender__dagnaam {
	padding: .5rem .35rem;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--rbfa-muted);
	text-align: center;
	border-bottom: 1px solid var(--rbfa-border);
	font-weight: 600;
}

.rbfa-kalender__cel {
	min-height: 7.5rem;
	padding: .35rem;
	border-right: 1px solid var(--rbfa-border);
	border-bottom: 1px solid var(--rbfa-border);
	vertical-align: top;
}

.rbfa-kalender__cel:nth-child(7n) {
	border-right: 0;
}

.rbfa-kalender__cel.is-leeg {
	background: #fafbfc;
}

.rbfa-kalender__cel.is-vandaag {
	background: #f3f8ff;
}

.rbfa-kalender__nummer {
	display: block;
	font-size: .75rem;
	color: var(--rbfa-muted);
	margin-bottom: .25rem;
}

.rbfa-kalender__wedstrijden {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .3rem;
}

.rbfa-kalender__item {
	display: grid;
	gap: .05rem;
	padding: .3rem .35rem;
	border-radius: 5px;
	background: #f6f8fa;
	font-size: .75rem;
	line-height: 1.3;
}

.rbfa-kalender__item.is-thuis {
	border-left: 3px solid #1a6dd4;
}

.rbfa-kalender__item.is-uit {
	border-left: 3px solid var(--rbfa-muted);
}

.rbfa-kalender__tijd {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.rbfa-kalender__locatie {
	color: var(--rbfa-muted);
}

.rbfa-kalender__tegen {
	font-weight: 600;
}

.rbfa-kalender__ploeg,
.rbfa-kalender__score {
	color: var(--rbfa-muted);
}

@media (max-width: 600px) {
	.rbfa-match {
		grid-template-columns: 3.5rem 1fr;
		gap: .5rem .75rem;
	}

	.rbfa-match__meta {
		grid-column: 2;
		align-items: flex-start;
		text-align: left;
		flex-direction: row;
		gap: .5rem;
	}

	.rbfa-ploeg__logo {
		width: 24px;
		height: 24px;
	}

	.rbfa-tabel {
		display: block;
		overflow-x: auto;
	}

	.rbfa-tabel__datum {
		white-space: normal;
	}

	.rbfa-stand th,
	.rbfa-stand td {
		padding: .35rem .25rem;
		font-size: .9375em;
	}

	.rbfa-stand__ploeg .rbfa-ploeg__naam {
		display: inline-block;
		max-width: 9rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
	}

	.rbfa-kalender {
		overflow-x: auto;
	}

	.rbfa-kalender__grid {
		min-width: 42rem;
	}

	.rbfa-kalender__cel {
		min-height: 6rem;
	}
}