/* =============================================================================
   Taxonomy Archive — shared styles for hero/lineup taxonomy archive pages
   Palette: bg-siege #080d1a · card #111827 · accent #f59e0b
   ============================================================================= */

/* ── Page wrapper ─────────────────────────────────────────────────────────────── */
.taxonomy-archive-page {
	background-color: #080d1a;
}

/* ── Breadcrumb ────────────────────────────────────────────────────────────────── */
.tax-breadcrumb {
	font-size: 0.75rem;
	color: #6b7494;
}

.tax-breadcrumb a {
	text-decoration: none;
	color: #6b7494;
	transition: color 0.15s ease;
}

.tax-breadcrumb a:hover {
	color: #f59e0b;
}

/* ── Page header ───────────────────────────────────────────────────────────────── */
.tax-page-header h1 {
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
}

/* ── Hero card grid ────────────────────────────────────────────────────────────── */
.tax-heroes-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;
}

@media (min-width: 480px) {
	.tax-heroes-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 0.625rem;
	}
}

@media (min-width: 768px) {
	.tax-heroes-grid {
		grid-template-columns: repeat(5, 1fr);
		gap: 0.625rem;
	}
}

@media (min-width: 1024px) {
	.tax-heroes-grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 10px;
	}
}

/* ── Hero card ─────────────────────────────────────────────────────────────────── */
.tax-heroes-grid a {
	background-color: #111827;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 0.5rem;
	overflow: hidden;
	transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	text-decoration: none;
	color: #c8cce8;
}

.tax-heroes-grid a:hover {
	border-color: var(--tier-color, #f59e0b);
	transform: translateY(-3px) scale(1.04);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

/* ── Season section divider ────────────────────────────────────────────────────── */
.tax-season-section + .tax-season-section {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* ── Pagination ─────────────────────────────────────────────────────────────────── */
.tax-pagination ul {
	display: flex;
	gap: 0.375rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tax-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.625rem;
	border-radius: 0.5rem;
	font-size: 0.75rem;
	font-weight: 600;
	text-decoration: none;
	color: #6b7494;
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.tax-pagination .page-numbers:hover {
	color: #f59e0b;
	border-color: rgba(245, 158, 11, 0.4);
	background-color: rgba(245, 158, 11, 0.08);
}

.tax-pagination .page-numbers.current {
	color: #fff;
	background-color: #f59e0b;
	border-color: #f59e0b;
}

.tax-pagination .page-numbers.dots {
	background-color: transparent;
	border-color: transparent;
	cursor: default;
	pointer-events: none;
}

/* ── Empty state ────────────────────────────────────────────────────────────────── */
.tax-empty-state {
	color: #3d4560;
}

.tax-empty-state p {
	font-family: 'Rajdhani', sans-serif;
}