/**
 * Advanced Football API — block table styles (schedule / results-list).
 *
 * Loaded on every theme (front-end + block editor) via
 * AFAPI_Blocks::enqueue_block_styles(), so the tables are styled even on the
 * bundled mohun-bagan theme, which skips the larger afapi-frontend.css.
 * Edit this file to change the table appearance.
 */

.afapi-block-table__title {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 12px;
}

.afapi-block-table__wrapper {
	overflow-x: auto;
	margin: 16px 0;
}

.afapi-block-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	background: #fff;
}

.afapi-block-table th,
.afapi-block-table td {
	padding: 12px 10px;
	text-align: center;
	border-bottom: 1px solid #eef0f2;
	white-space: nowrap;
	vertical-align: middle;
}

.afapi-block-table th {
	background: #f8fafc;
	font-weight: 600;
	color: #374151;
}

.afapi-block-table tbody tr:hover td {
	background: #f9fafb;
}

/* Team columns: home pulled right, away left (logos meet around the centre).
   The th/td element selector keeps these above the base centred cell rule. */
.afapi-block-table th.afapi-block-table__th--team,
.afapi-block-table td.afapi-block-table__cell--team {
	text-align: left;
}

.afapi-block-table td.afapi-block-table__cell--home {
	text-align: right;
}

.afapi-block-table__team {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.afapi-block-table__cell--home .afapi-block-table__team {
	flex-direction: row-reverse;
}

.afapi-block-table__team a {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
}

.afapi-block-table__team a:hover {
	text-decoration: underline;
}

.afapi-block-table__logo {
	width: 28px;
	height: 28px;
	object-fit: contain;
	flex: 0 0 auto;
}

.afapi-block-table__cell--meta {
	font-weight: 700;
}

.afapi-block-table__cell--vs {
	color: #9ca3af;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
}

.afapi-block-table__cell--comp,
.afapi-block-table__cell--venue {
	white-space: normal;
	color: #6b7280;
}

.afapi-block-table__empty {
	padding: 16px;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	color: #6c757d;
}