/* futdata-wp — championship page styles */

/* Header */
.fdt-champ-header {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 24px;
}
.fdt-champ-logo img { max-width: 80px; height: auto; }

.fdt-champ-title { margin: 0 0 8px; font-size: 1.5em; }

.fdt-season-selector { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.fdt-season-link { padding: 2px 8px; border: 1px solid var(--fdt-border, #ccc); border-radius: var(--fdt-radius-sm, 4px); font-size: .85em; text-decoration: none; color: inherit; }
.fdt-season-link.fdt-active { background: var(--fdt-primary, #007cba); color: #fff; border-color: var(--fdt-primary, #007cba); }

/* Stage nav */
.fdt-stage-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}
.fdt-stage-nav button { background: none; border: 1px solid var(--fdt-border, #ccc); border-radius: var(--fdt-radius-sm, 4px); cursor: pointer; padding: 4px 8px; line-height: 1; }
.fdt-stage-nav button:hover { background: var(--fdt-bg-alt, #f3f3f3); }
.fdt-stage-select { font-size: 1em; padding: 4px 8px; border: 1px solid var(--fdt-border, #ccc); border-radius: var(--fdt-radius-sm, 4px); }

.fdt-stage-panel { display: none; }
.fdt-stage-panel.fdt-active { display: block; }

/* Standings + Rounds layout */
.fdt-standings-rounds-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
@media (max-width: 768px) {
	.fdt-standings-rounds-row { grid-template-columns: 1fr; }
}

/* Standings table */
.fdt-standings-table-wrap { overflow-x: auto; margin-bottom: 16px; }
.fdt-standings-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9em;
}
.fdt-standings-table th,
.fdt-standings-table td {
	padding: 6px 8px;
	border-bottom: 1px solid var(--fdt-border, #eee);
	text-align: center;
}
.fdt-standings-table td { font-variant-numeric: tabular-nums; }
.fdt-standings-table .fdt-st-team { text-align: left; min-width: 140px; font-variant-numeric: normal; }
.fdt-standings-table .fdt-st-pos { min-width: 28px; }
.fdt-standings-table thead th { background: var(--fdt-primary, #2c3e50); color: #fff; font-weight: 600; }
.fdt-standings-table tbody tr { border-left: 3px solid var(--zone-color, transparent); }
.fdt-standings-table tbody tr:hover { background: var(--fdt-bg-alt, #f8f8f8); }

.fdt-st-team { display: flex; align-items: center; gap: 6px; }
.fdt-st-team-logo { width: 20px; height: 20px; object-fit: contain; }
.fdt-st-team-logo--placeholder { display: inline-block; width: 20px; height: 20px; background: var(--fdt-border, #ddd); border-radius: 50%; }

.fdt-form-dot {
	display: inline-block;
	width: 8px; height: 8px;
	border-radius: 50%;
	margin: 1px;
}
.fdt-form-w { background: var(--fdt-success, #27ae60); }
.fdt-form-d { background: var(--fdt-warning, #f39c12); }
.fdt-form-l { background: var(--fdt-danger, #e74c3c); }

/* Standings legend */
.fdt-standings-legend { margin-top: 12px; font-size: .8em; color: var(--fdt-text-muted, #555); }
.fdt-legend-zones { list-style: none; margin: 0 0 4px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.fdt-legend-zones li { display: flex; align-items: center; gap: 4px; }
.fdt-legend-color { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }

/* Round nav */
.fdt-round-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}
.fdt-round-nav button { background: none; border: 1px solid var(--fdt-border, #ccc); border-radius: var(--fdt-radius-sm, 4px); cursor: pointer; padding: 4px 8px; line-height: 1; }
.fdt-round-nav button:hover { background: var(--fdt-bg-alt, #f3f3f3); }
.fdt-round-select { font-size: .9em; padding: 4px 8px; border: 1px solid var(--fdt-border, #ccc); border-radius: var(--fdt-radius-sm, 4px); }

/* Keys */
.fdt-keys-matchups { display: flex; flex-direction: column; gap: 16px; }
.fdt-keys-block { border: 1px solid var(--fdt-border, #e5e5e5); border-radius: var(--fdt-radius, 6px); overflow: hidden; }
.fdt-keys-label { background: var(--fdt-primary, #2c3e50); color: #fff; padding: 6px 12px; font-weight: 600; font-size: .9em; }
.fdt-keys-matchup { padding: 8px; }
.fdt-keys-matchup-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width: 600px) { .fdt-keys-matchup-pair { grid-template-columns: 1fr; } }
.fdt-keys-leg-label { display: block; font-size: .75em; color: var(--fdt-text-muted, #888); margin-bottom: 4px; }