/**
 * Rider Progress Table Styles
 * Sticky headers for rider progress tracking tables
 * 
 * @package CyclingClubManager
 */

/* Sticky header for rider progress tables. Keeps horizontal scrolling while header stays visible.
   Use max-height so small tables (e.g. when multiple teams) aren't forced to a tall fixed height. */
.table-responsive {
	max-height: 60vh;
	overflow-x: auto;
	overflow-y: auto;
	margin-bottom: 2em;
}

.table-responsive thead th {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 5;
}

.table-responsive thead th.ccm-sticky-left {
	/* Ensure the left-most header cell stays above the other headers and table body
	   and aligns with the sticky left column cells. */
	position: sticky;
	top: 0;
	left: 0;
	z-index: 11;
	background: #fff;
}

/* Sticky left column cells (header and body) */
.ccm-sticky-left {
	position: sticky;
	left: 0;
	background-color: #fff;
	z-index: 10;
}

/* Progress page info bar */
.ccm-progress-info-bar {
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #f8f9fa;
	border-left: 3px solid #007bff;
	font-size: 0.9em;
}

.ccm-progress-info-content {
	display: flex;
	align-items: center;
	gap: 1em;
	flex-wrap: wrap;
}

#ccm-manual-refresh {
	margin-left: auto;
}

#ccm-update-status {
	margin-left: 0.5em;
	font-weight: bold;
}

/* Prevent text wrapping in table cells */
th.ccm-nowrap,
td.ccm-nowrap {
	white-space: nowrap;
}