.hdb-table-wrap {
	overflow-x: auto;
	margin: 1.5rem 0;
}

.hdb-matches-table {
	width: 100%;
	border-collapse: collapse;
}

.hdb-matches-table caption {
	padding-bottom: 0.75rem;
	font-size: 1.25rem;
	font-weight: 600;
	text-align: left;
}

.hdb-matches-table th,
.hdb-matches-table td {
	padding: 0.75rem;
	text-align: left;
}

.hdb-matches-table .hdb-score-cell {
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

.hdb-matches-table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.9375rem;
}
.hdb-matches-table .hdb-team-cell {
	font-weight: 700;
}
.hdb-matches-table tr:nth-child(odd) > td {
	background-color: var(--prp-light-gray);
}
.hdb-matches-table th {
	background: var(--prp-darkblue);
	color: var(--prp-white);
	text-transform: uppercase;
}
.hdb-matches-table time > strong, .hdb-matches-table time > span{
	display: block;
	font-size: 0.875rem;
}
.hdb-matches-table th:first-of-type {
	border-top-left-radius: 8px;
	padding-left: 1.5rem;
}
.hdb-matches-table tr:last-of-type td:first-of-type {
	border-bottom-left-radius: 8px;
}
.hdb-matches-table tr:last-of-type td:last-of-type {
	border-bottom-right-radius: 8px;
}
.hdb-score-cell span {
	font-size: 1.375rem;
	color: var(--prp-white);
	background: var(--prp-darkblue);
	padding: 10px 20px;
	border-radius: 4px;
}
.hdb-matches-table th:last-of-type {
	border-top-right-radius: 8px;
}

.hdb-matches-table thead tr {
	background: #fff !important;
}
.hdb-matches-table tr>td:first-of-type {
	border-left: 1px solid var(--prp-light-gray);
	padding-left: 1.5rem;
}

.hdb-matches-table tr:last-of-type>td {
	border-bottom: 1px solid var(--prp-light-gray);
}
.hdb-matches-table tr>td:last-of-type {
	border-right: 1px solid var(--prp-light-gray);
}
.hdb-match-widget__title {
	margin: 0 0 0.5rem;
}

.hdb-match-widget__date {
	display: block;
	margin-bottom: 1rem;
	font-weight: 600;
}



.hdb-countdown {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 1.25rem;
	margin-bottom: 2.5rem;
}

.hdb-countdown div {
	padding: 0.75rem 0.5rem;
	border: 1px solid currentColor;
	border-radius: 0.35rem;
	text-align: center;
}

.hdb-countdown strong,
.hdb-countdown span {
	display: block;
}

.hdb-countdown strong {
	font-size: 1.5rem;
}

.hdb-countdown span {
	font-size: 0.8rem;
}

.hdb-empty-message {
	padding: 1rem;
	border: 1px solid currentColor;
	border-radius: 0.35rem;
}

@media (max-width: 600px) {

	.hdb-match-widget__teams {
		grid-template-columns:
			minmax(0, 1fr)
			auto
			minmax(0, 1fr);
		gap: 0.75rem;
	}

	.hdb-match-widget__team-name {
		font-size: 0.95rem;
	}

	.hdb-match-widget__score {
		font-size: 1.75rem;
	}

	.hdb-match-widget__vs {
		font-size: 0.85rem;
	}

	.hdb-match-widget__teams span:first-child {
		text-align: center;
	}

	.hdb-countdown {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


.hdb-team-logo {
	display: block;
	flex: 0 0 auto;
	max-width: none;
	object-fit: contain;
}

.hdb-team-cell {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
}
.hdb-match-widget {
	margin-bottom: 20px;
}
.hdb-match-widget__teams {
	margin: 0px;
	padding: 20px;
	border-radius: 8px;
}


.hdb-match-widget__teams {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		auto
		minmax(0, 1fr);
	align-items: center;
	gap: 1.5rem;
	margin-top: 1rem;
}

.hdb-match-widget__side {
	display: grid;
	grid-template-rows: auto auto auto;
	justify-items: center;
	gap: 0.65rem;
	min-width: 0;
	text-align: center;
	margin: 30px 0;
}

.hdb-match-widget__logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.hdb-match-widget__logo .hdb-team-logo {
	margin: 0 auto;
}

.hdb-match-widget__team-name {
	width: 100%;
	font-size: 1.375rem;
	font-weight: 600;
	text-align: center;
	overflow-wrap: anywhere;
}

.hdb-match-widget__vs {
	align-self: center;
	font-size: 2.75rem;
	font-weight: 600;
	text-transform: uppercase;
}

.hdb-match-widget__score {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
}