/* Aluvere Karikas - üldseisu tabeli stiil */

.alkar-standings {
	--alkar-border: #d5d5d5;
	--alkar-header-bg: #2b2b2b;
	--alkar-header-fg: #ffffff;
	--alkar-row-alt: #f7f7f7;
	--alkar-pos1: #ffd84d;
	--alkar-pos2: #d9d9d9;
	--alkar-pos3: #cf9a5c;
	--alkar-dropped-fg: #b3b3b3;
	--alkar-text: #1e1e1e;
	margin: 1.5em 0;
}

@media (prefers-color-scheme: dark) {
	.alkar-standings {
		--alkar-border: #444;
		--alkar-header-bg: #1c1c1c;
		--alkar-header-fg: #ffffff;
		--alkar-row-alt: #232323;
		--alkar-text: #f0f0f0;
	}
}

.alkar-class-block {
	margin-bottom: 2.5em;
}

/* Sakid (tabs) - kasutusel, kui shortcode kuvab mitut klassi korraga */

.alkar-tabs {
	margin: 1.5em 0;
}

.alkar-tab-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	margin-bottom: 1em;
	border-bottom: 2px solid var(--alkar-border);
	padding-bottom: 0.6em;
}

.alkar-tab-btn {
	appearance: none;
	border: 1px solid var(--alkar-border);
	background: transparent;
	color: var(--alkar-text);
	padding: 0.45em 0.9em;
	border-radius: 999px;
	font-size: 0.9em;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.alkar-tab-btn:hover {
	border-color: var(--alkar-header-bg);
}

.alkar-tab-btn.is-active {
	background: var(--alkar-header-bg);
	color: var(--alkar-header-fg);
	border-color: var(--alkar-header-bg);
	font-weight: 600;
}

.alkar-tab-panel[hidden] {
	display: none;
}

.alkar-tab-panel .alkar-class-block {
	margin-bottom: 0;
}

.alkar-class-title {
	margin-bottom: 0.5em;
}

.alkar-table-scroll {
	overflow-x: auto;
	max-width: 100%;
	border: 1px solid var(--alkar-border);
	border-radius: 4px;
}

.alkar-table {
	border-collapse: collapse;
	width: 100%;
	min-width: 640px;
	font-size: 0.92em;
	color: var(--alkar-text);
}

.alkar-table th,
.alkar-table td {
	padding: 0.45em 0.6em;
	text-align: center;
	border-bottom: 1px solid var(--alkar-border);
	white-space: nowrap;
}

.alkar-table thead th {
	background: var(--alkar-header-bg);
	color: var(--alkar-header-fg);
	font-weight: 600;
	position: sticky;
	top: 0;
}

.alkar-table .alkar-col-name {
	text-align: left;
	white-space: normal;
	min-width: 140px;
}

.alkar-table tbody tr:nth-child(even) {
	background: var(--alkar-row-alt);
}

.alkar-table tr.alkar-pos-1 td:first-child,
.alkar-table tr.alkar-pos-2 td:first-child,
.alkar-table tr.alkar-pos-3 td:first-child {
	font-weight: 700;
}

.alkar-table tr.alkar-pos-1 td:first-child {
	background: var(--alkar-pos1);
	color: #1e1e1e;
}

.alkar-table tr.alkar-pos-2 td:first-child {
	background: var(--alkar-pos2);
	color: #1e1e1e;
}

.alkar-table tr.alkar-pos-3 td:first-child {
	background: var(--alkar-pos3);
	color: #1e1e1e;
}

.alkar-table .alkar-col-total-main {
	font-weight: 700;
}

.alkar-table td.alkar-dropped {
	color: var(--alkar-dropped-fg);
	text-decoration: line-through;
}

.alkar-legend {
	margin-top: 0.6em;
	font-size: 0.85em;
	color: var(--alkar-text);
	opacity: 0.85;
}

.alkar-legend span {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	border-radius: 2px;
}

.alkar-legend .alkar-pos-1 {
	background: var(--alkar-pos1);
}

.alkar-legend .alkar-pos-2 {
	background: var(--alkar-pos2);
}

.alkar-legend .alkar-pos-3 {
	background: var(--alkar-pos3);
}

.alkar-empty {
	font-style: italic;
	opacity: 0.75;
}
