/* =============================================================
   12 Stars Cricket Club — Kadence Child Theme Custom CSS
   Club palette: Navy #1a2744 | Gold #c9a84c | White #ffffff
   ============================================================= */

/* ── CSS Custom Properties ─────────────────────────────────── */
:root {
	--tscc-navy:       #1a2744;
	--tscc-navy-dark:  #111b30;
	--tscc-gold:       #c9a84c;
	--tscc-gold-light: #e0c47a;
	--tscc-white:      #ffffff;
	--tscc-light:      #f4f4f4;
	--tscc-dark:       #333333;
	--tscc-mid:        #666666;
	--tscc-win:        #2e7d32;
	--tscc-loss:       #c62828;
	--tscc-draw:       #e65100;
	--tscc-radius:     6px;
	--tscc-shadow:     0 2px 12px rgba(0,0,0,0.10);

	/* Override Kadence palette vars */
	--global-palette1: var(--tscc-navy);
	--global-palette2: var(--tscc-gold);
	--global-palette3: var(--tscc-navy);
	--global-palette4: var(--tscc-dark);
	--global-palette7: var(--tscc-light);
	--global-palette9: var(--tscc-white);
}

/* ── Base Typography ───────────────────────────────────────── */
body {
	font-family: 'Open Sans', sans-serif;
	color: var(--tscc-dark);
	background: var(--tscc-white);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	color: var(--tscc-navy);
	letter-spacing: 0.5px;
}

a {
	color: var(--tscc-navy);
	text-decoration: none;
	transition: color 0.2s ease;
}
a:hover {
	color: var(--tscc-gold);
}

/* ── Header ────────────────────────────────────────────────── */
.site-header,
#masthead {
	background-color: var(--tscc-navy);
	border-bottom: 3px solid var(--tscc-gold);
}

.site-header a,
#masthead a {
	color: var(--tscc-white);
}

.site-header a:hover,
#masthead a:hover {
	color: var(--tscc-gold);
}

/* Primary nav */
.main-navigation ul li a {
	color: var(--tscc-white);
	font-family: 'Oswald', sans-serif;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 8px 14px;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
	color: var(--tscc-gold);
}

/* Dropdown */
.main-navigation ul ul {
	background: var(--tscc-navy-dark);
	border-top: 2px solid var(--tscc-gold);
}

/* ── Footer ────────────────────────────────────────────────── */
.site-footer,
#colophon {
	background-color: var(--tscc-navy-dark);
	color: var(--tscc-white);
	border-top: 3px solid var(--tscc-gold);
	padding: 48px 0 24px;
}

.site-footer a,
#colophon a {
	color: var(--tscc-gold-light);
}

.site-footer a:hover,
#colophon a:hover {
	color: var(--tscc-white);
}

.site-footer h3,
.site-footer h4,
#colophon h3,
#colophon h4 {
	color: var(--tscc-gold);
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

/* ── Buttons ───────────────────────────────────────────────── */
.wp-block-button__link,
.button,
button[type="submit"],
input[type="submit"] {
	background-color: var(--tscc-gold);
	color: var(--tscc-navy) !important;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	border-radius: var(--tscc-radius);
	padding: 12px 28px;
	transition: background 0.2s ease, color 0.2s ease;
}

.wp-block-button__link:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: var(--tscc-navy);
	color: var(--tscc-gold) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--tscc-navy) !important;
	border: 2px solid var(--tscc-navy);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--tscc-navy);
	color: var(--tscc-white) !important;
}

/* ── Match Report Archive ──────────────────────────────────── */
/* ── Match Reports Filter Form ─────────────────────────────── */
.tscc-mr-filter-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 16px;
}

.tscc-mr-filter-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.tscc-mr-filter-label {
	font-family: 'Oswald', sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: var(--tscc-navy);
}

.tscc-mr-filter-select {
	border: 1px solid #ccc;
	border-radius: var(--tscc-radius);
	padding: 9px 14px;
	font-size: 0.9rem;
	background: var(--tscc-white);
	color: var(--tscc-dark);
	cursor: pointer;
	min-width: 160px;
	transition: border-color 0.2s;
}
.tscc-mr-filter-select:focus {
	outline: none;
	border-color: var(--tscc-navy);
}

.tscc-mr-filter-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.tscc-no-results {
	text-align: center;
	color: var(--tscc-mid);
	font-size: 1.05rem;
	padding: 40px 0;
}

.tscc-match-report-filter-section {
	padding-top: 28px;
	padding-bottom: 28px;
}

/* Cards grid */
.match-report-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
}

.match-report-card {
	background: var(--tscc-white);
	border: 1px solid #e0e0e0;
	border-radius: var(--tscc-radius);
	box-shadow: var(--tscc-shadow);
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.match-report-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.14);
}

.match-report-card__thumb img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
}
.match-report-card__thumb.no-thumb {
	height: 180px;
	background: var(--tscc-navy);
	display: flex;
	align-items: center;
	justify-content: center;
}
.match-report-card__thumb.no-thumb svg {
	width: 60px;
	height: 60px;
	opacity: 0.3;
	fill: var(--tscc-white);
}

.match-report-card__body {
	padding: 18px 20px 20px;
}

.match-report-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.result-badge {
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 10px;
	border-radius: 3px;
	color: var(--tscc-white);
}
.result-badge.result-win  { background: var(--tscc-win); }
.result-badge.result-loss { background: var(--tscc-loss); }
.result-badge.result-draw { background: var(--tscc-draw); }
.result-badge.result-unknown { background: var(--tscc-mid); }

.match-report-card__date {
	font-size: 0.82rem;
	color: var(--tscc-mid);
}

.match-report-card__team {
	font-size: 0.78rem;
	background: var(--tscc-navy);
	color: var(--tscc-gold);
	padding: 2px 8px;
	border-radius: 3px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.match-report-card__title {
	font-family: 'Oswald', sans-serif;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--tscc-navy);
	margin: 0 0 8px;
	line-height: 1.3;
}
.match-report-card__title a {
	color: inherit;
}
.match-report-card__title a:hover {
	color: var(--tscc-gold);
}

.match-report-card__excerpt {
	font-size: 0.9rem;
	color: var(--tscc-mid);
	line-height: 1.6;
	margin-bottom: 14px;
}

.match-report-card__read-more {
	font-family: 'Oswald', sans-serif;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--tscc-gold);
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s;
}
.match-report-card__read-more:hover {
	border-bottom-color: var(--tscc-gold);
	color: var(--tscc-gold);
}

/* Pagination */
.match-report-pagination {
	margin-top: 40px;
	text-align: center;
}
.match-report-pagination .page-numbers {
	display: inline-block;
	padding: 8px 14px;
	margin: 0 3px;
	border: 1px solid #ccc;
	border-radius: var(--tscc-radius);
	color: var(--tscc-navy);
	font-size: 0.9rem;
	transition: all 0.2s;
}
.match-report-pagination .page-numbers:hover,
.match-report-pagination .page-numbers.current {
	background: var(--tscc-navy);
	color: var(--tscc-white);
	border-color: var(--tscc-navy);
}

/* ── Single Match Report ───────────────────────────────────── */
.single-match-report {
	max-width: 900px;
	margin: 0 auto;
	padding: 40px 20px;
}

.single-match-report__header {
	border-bottom: 3px solid var(--tscc-gold);
	margin-bottom: 32px;
	padding-bottom: 20px;
}

.single-match-report__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85rem;
	color: var(--tscc-mid);
	margin-bottom: 16px;
	transition: color 0.2s;
}
.single-match-report__back:hover { color: var(--tscc-navy); }

.single-match-report__title {
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	color: var(--tscc-navy);
	text-transform: uppercase;
	margin: 0 0 14px;
}

.single-match-report__meta-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

/* Scorecard summary box */
.match-scorecard {
	background: var(--tscc-navy);
	color: var(--tscc-white);
	border-radius: var(--tscc-radius);
	padding: 24px 28px;
	margin-bottom: 32px;
}

.match-scorecard__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 16px;
}

.match-scorecard__item label {
	display: block;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--tscc-gold);
	margin-bottom: 4px;
}

.match-scorecard__item span {
	font-family: 'Oswald', sans-serif;
	font-size: 1.05rem;
	font-weight: 600;
}

.match-scorecard__summary {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(255,255,255,0.15);
	font-size: 0.9rem;
	line-height: 1.6;
	color: rgba(255,255,255,0.85);
}

/* Report body */
.single-match-report__content {
	line-height: 1.8;
	font-size: 1rem;
}
.single-match-report__content p { margin-bottom: 1.2em; }
.single-match-report__content img {
	max-width: 100%;
	border-radius: var(--tscc-radius);
}

/* Man of the match callout */
.match-motm {
	background: var(--tscc-light);
	border-left: 4px solid var(--tscc-gold);
	padding: 16px 20px;
	border-radius: 0 var(--tscc-radius) var(--tscc-radius) 0;
	margin: 28px 0;
}
.match-motm__label {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--tscc-gold);
	font-weight: 600;
	margin-bottom: 4px;
}
.match-motm__name {
	font-family: 'Oswald', sans-serif;
	font-size: 1.25rem;
	color: var(--tscc-navy);
}

/* ── Layout container ─────────────────────────────────────── */
.tscc-container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	width: 100%;
}

/* ── Page Hero (interior pages) ───────────────────────────── */
.tscc-page-hero {
	position: relative;
	min-height: 380px;
	display: flex;
	align-items: center;
	background: var(--tscc-navy);
	overflow: hidden;
}
.tscc-page-hero__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 0;
}
.tscc-page-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(26,39,68,.92) 0%, rgba(26,39,68,.7) 100%);
	z-index: 1;
}
.tscc-page-hero__inner {
	position: relative;
	z-index: 2;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 60px;
}
.tscc-page-hero__eyebrow {
	font-family: 'Oswald', sans-serif;
	font-size: 0.8rem;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--tscc-gold);
	margin-bottom: 12px;
}
.tscc-page-hero__title {
	font-family: 'Oswald', sans-serif;
	font-size: clamp(2.2rem, 5vw, 3.5rem);
	font-weight: 700;
	color: var(--tscc-white);
	text-transform: uppercase;
	line-height: 1.1;
	margin-bottom: 16px;
}
.tscc-page-hero__sub {
	font-size: 1.1rem;
	color: rgba(255,255,255,.8);
	max-width: 600px;
	margin: 0 auto;
}

/* ── History intro ─────────────────────────────────────────── */
.tscc-history-intro {
	max-width: 780px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.1rem;
	line-height: 1.8;
	color: var(--tscc-dark);
}

/* ── Section subtitle ──────────────────────────────────────── */
.tscc-section-subtitle {
	font-size: 1rem;
	color: var(--tscc-mid);
	margin-top: 4px;
}
.tscc-section-header--light .tscc-section-title,
.tscc-section-header--light .tscc-section-subtitle {
	color: var(--tscc-white);
}
.tscc-section-header--light .tscc-section-subtitle {
	color: rgba(255,255,255,.7);
}

/* ── Timeline era label ────────────────────────────────────── */
.tscc-timeline-item__era-label {
	font-family: 'Oswald', sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--tscc-navy);
	margin-bottom: 6px;
}

/* ── Achievements grid ─────────────────────────────────────── */
.tscc-achievements-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 24px;
	margin-top: 8px;
}
.tscc-achievement-card {
	background: var(--tscc-white);
	border-radius: var(--tscc-radius);
	border-top: 4px solid var(--tscc-gold);
	padding: 28px 24px;
	box-shadow: var(--tscc-shadow);
	text-align: center;
}
.tscc-achievement-card__icon {
	font-size: 2rem;
	display: block;
	margin-bottom: 12px;
}
.tscc-achievement-card__title {
	font-family: 'Oswald', sans-serif;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--tscc-navy);
	text-transform: uppercase;
	margin-bottom: 8px;
}
.tscc-achievement-card__text {
	font-size: 0.9rem;
	color: var(--tscc-mid);
	line-height: 1.6;
	margin: 0;
}

/* ── Roll of Honour ────────────────────────────────────────── */
.tscc-section--roll-of-honour {
	background: var(--tscc-navy-dark);
}
.tscc-roll-of-honour {
	color: var(--tscc-white);
}
.tscc-roll-of-honour table {
	width: 100%;
	border-collapse: collapse;
	color: var(--tscc-white);
}
.tscc-roll-of-honour table th {
	background: rgba(201,168,76,.2);
	color: var(--tscc-gold);
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: 10px 14px;
	text-align: left;
	border-bottom: 2px solid var(--tscc-gold);
}
.tscc-roll-of-honour table td {
	padding: 9px 14px;
	border-bottom: 1px solid rgba(255,255,255,.08);
	font-size: 0.9rem;
}
.tscc-roll-of-honour table tr:last-child td {
	border-bottom: none;
}
.tscc-roll-of-honour table tr:hover td {
	background: rgba(255,255,255,.04);
}
/* Multi-section wrapper and sub-headings */
.tscc-roh-section {
	margin-bottom: 40px;
}
.tscc-roh-section:last-child {
	margin-bottom: 0;
}
.tscc-roh-section__title {
	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--tscc-gold);
	border-bottom: 1px solid rgba(201,168,76,.35);
	padding-bottom: 8px;
	margin: 0 0 12px;
}
.tscc-roll-of-honour__placeholder {
	color: rgba(255,255,255,.7);
	text-align: center;
	padding: 40px 0;
}
.tscc-roll-of-honour__placeholder a {
	color: var(--tscc-gold);
}

/* ── CTA Gold Strip ────────────────────────────────────────── */
.tscc-section--gold-strip {
	background: var(--tscc-gold);
	padding: 48px 0;
}
.tscc-cta-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.tscc-cta-strip__text {
	font-family: 'Oswald', sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--tscc-navy);
	text-transform: uppercase;
	margin: 0;
}
.tscc-cta-strip__buttons {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.tscc-btn--navy {
	background: var(--tscc-navy);
	color: var(--tscc-white);
	border: 2px solid var(--tscc-navy);
}
.tscc-btn--navy:hover {
	background: var(--tscc-navy-dark);
	border-color: var(--tscc-navy-dark);
	color: var(--tscc-white);
}
.tscc-btn--outline-dark {
	background: transparent;
	color: var(--tscc-navy);
	border: 2px solid var(--tscc-navy);
}
.tscc-btn--outline-dark:hover {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}
@media (max-width: 768px) {
	.tscc-cta-strip {
		flex-direction: column;
		text-align: center;
	}
	.tscc-cta-strip__buttons {
		justify-content: center;
	}
}

/* ── History Timeline ──────────────────────────────────────── */
.tscc-timeline-wrapper {
	overflow-x: auto;
	padding-bottom: 16px;
	cursor: grab;
}
.tscc-timeline-wrapper:active { cursor: grabbing; }

.tscc-timeline {
	display: flex;
	gap: 0;
	position: relative;
	padding: 60px 40px 40px;
	min-width: max-content;
}

/* Connector line */
.tscc-timeline::before {
	content: '';
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	height: 3px;
	background: var(--tscc-gold);
}

.tscc-timeline-item {
	position: relative;
	width: 220px;
	flex-shrink: 0;
	padding: 30px 16px 0;
	text-align: center;
}

/* Dot on line */
.tscc-timeline-item::before {
	content: '';
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--tscc-gold);
	border: 3px solid var(--tscc-navy);
	z-index: 1;
}

.tscc-timeline-item__year {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	color: var(--tscc-navy);
	white-space: nowrap;
}

.tscc-timeline-item__card {
	background: var(--tscc-white);
	border: 1px solid #e0e0e0;
	border-top: 3px solid var(--tscc-navy);
	border-radius: var(--tscc-radius);
	padding: 14px;
	box-shadow: var(--tscc-shadow);
	margin-top: 10px;
}

.tscc-timeline-item__card img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	border-radius: 4px;
	margin-bottom: 10px;
}

.tscc-timeline-item__milestone {
	font-size: 0.85rem;
	color: var(--tscc-dark);
	line-height: 1.5;
}

/* ── EventON Overrides ─────────────────────────────────────── */
#tribe-events .tribe-events-calendar th,
.tribe_events_cat-cricket .tribe-events-calendar th,
.eventon_list_event .evcal_evdata_row .evcal_col1 .evcal_evdata_cell h2.event_title a,
.eventon_list_event h2.event_title a {
	color: var(--tscc-navy);
}

#eventon_list_body .eventon_list_event .evcal_desc em.evcal_event_subtitle,
.evcal_evdata_row .eventon_eventcard_col .event_description {
	color: var(--tscc-mid);
}

/* EventON button */
.evcal_btn {
	background: var(--tscc-gold) !important;
	color: var(--tscc-navy) !important;
	font-family: 'Oswald', sans-serif !important;
	text-transform: uppercase !important;
	border-radius: var(--tscc-radius) !important;
}
.evcal_btn:hover {
	background: var(--tscc-navy) !important;
	color: var(--tscc-white) !important;
}

/* EventON month header */
.eventon_list_event .evcal_evdata_row .evcal_col1 {
	border-left: 4px solid var(--tscc-gold);
}

/* ── Utility Classes ───────────────────────────────────────── */
.tscc-section-header {
	text-align: center;
}
.tscc-section-title {
	font-family: 'Oswald', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--tscc-navy);
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
	margin-bottom: 28px;
}
.tscc-section-title::after {
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	background: var(--tscc-gold);
	margin: 6px auto 0;
}

.tscc-gold-bar {
	background: var(--tscc-gold);
	color: var(--tscc-navy);
	padding: 12px 24px;
	border-radius: var(--tscc-radius);
	font-family: 'Oswald', sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 768px) {
	.match-report-grid {
		grid-template-columns: 1fr;
	}

	.match-scorecard__grid {
		grid-template-columns: 1fr 1fr;
	}

	.single-match-report__title {
		font-size: 1.5rem;
	}

	.match-report-filters {
		flex-direction: column;
		align-items: stretch;
	}

	.match-report-filters select,
	.match-report-filters .filter-btn {
		width: 100%;
	}

	.tscc-timeline {
		padding: 60px 20px 24px;
	}
	.tscc-timeline-item {
		width: 180px;
	}
}

/* =============================================================
   RESULTS PAGE
   ============================================================= */

/* Season tab strip */
.tscc-results-season-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding-bottom: 16px;
	border-bottom: 2px solid var(--tscc-navy);
}
.tscc-results-season-tab {
	font-family: 'Oswald', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 6px 18px;
	border-radius: 20px;
	border: 2px solid var(--tscc-navy);
	color: var(--tscc-navy);
	text-decoration: none;
	transition: background .2s, color .2s;
}
.tscc-results-season-tab:hover,
.tscc-results-season-tab.is-active {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}

/* Team filter pills */
.tscc-results-team-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 16px;
}
.tscc-filter-pill {
	font-size: 0.8rem;
	padding: 4px 14px;
	border-radius: 20px;
	border: 1px solid var(--tscc-mid);
	color: var(--tscc-mid);
	text-decoration: none;
	transition: background .2s, color .2s, border-color .2s;
}
.tscc-filter-pill:hover,
.tscc-filter-pill.is-active {
	background: var(--tscc-gold);
	border-color: var(--tscc-gold);
	color: var(--tscc-navy);
}

/* Tally bar */
.tscc-results-tally-section {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.tscc-results-tally {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}
.tscc-results-tally__label {
	font-size: 0.95rem;
	color: var(--tscc-mid);
}
.tscc-results-tally__stats {
	display: flex;
	gap: 10px;
}
.tscc-tally-stat {
	font-family: 'Oswald', sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 4px;
}
.tscc-tally-stat--win  { background: #d4edda; color: #1a6630; }
.tscc-tally-stat--loss { background: #f8d7da; color: #7a1220; }
.tscc-tally-stat--draw { background: #fff3cd; color: #856404; }
.tscc-tally-stat--nr   { background: #e2e3e5; color: #444; }

/* Results table */
.tscc-table-wrapper {
	overflow-x: auto;
	border-radius: var(--tscc-radius);
	box-shadow: var(--tscc-shadow);
}
.tscc-results-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--tscc-white);
	font-size: 0.9rem;
}
.tscc-results-table thead th {
	background: var(--tscc-navy);
	color: var(--tscc-white);
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 12px 14px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 3px solid var(--tscc-gold);
}
.tscc-results-table tbody td {
	padding: 11px 14px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
}
.tscc-results-table tbody tr:last-child td {
	border-bottom: none;
}
.tscc-results-table tbody tr:hover td {
	background: rgba(26,39,68,.04);
}
.tscc-result--win  td { border-left: 3px solid #2a9d4a; }
.tscc-result--loss td { border-left: 3px solid #c0392b; }
.tscc-result--draw td { border-left: 3px solid #f0ad00; }
.tscc-result--no-result td { border-left: 3px solid #aaa; }

.tscc-table-link {
	color: var(--tscc-navy);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.tscc-table-link:hover { color: var(--tscc-gold); text-decoration: underline; }

/* No results state */
.tscc-no-results {
	text-align: center;
	padding: 60px 20px;
	color: var(--tscc-mid);
}
.tscc-no-results p { margin-bottom: 20px; font-size: 1.05rem; }

/* Footer links row */
.tscc-results-footer-links {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}

/* Responsive: stack table as cards on mobile */
@media (max-width: 680px) {
	.tscc-results-table thead { display: none; }
	.tscc-results-table tbody tr {
		display: block;
		margin-bottom: 16px;
		border: 1px solid #e0e0e0;
		border-radius: var(--tscc-radius);
		overflow: hidden;
		box-shadow: var(--tscc-shadow);
	}
	.tscc-results-table tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 14px;
		border-bottom: 1px solid #f0f0f0;
	}
	.tscc-results-table tbody td::before {
		content: attr(data-label);
		font-family: 'Oswald', sans-serif;
		font-size: 0.75rem;
		font-weight: 600;
		text-transform: uppercase;
		color: var(--tscc-mid);
		letter-spacing: .04em;
		margin-right: 12px;
		flex-shrink: 0;
	}
	.tscc-result--win  td,
	.tscc-result--loss td,
	.tscc-result--draw td,
	.tscc-result--no-result td { border-left: none; }
	.tscc-results-table tbody tr.tscc-result--win  { border-left: 4px solid #2a9d4a; }
	.tscc-results-table tbody tr.tscc-result--loss { border-left: 4px solid #c0392b; }
	.tscc-results-table tbody tr.tscc-result--draw { border-left: 4px solid #f0ad00; }
}

/* =============================================================
   GALLERY PAGE
   ============================================================= */

.tscc-gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}
.tscc-gallery-album {
	position: relative;
	border-radius: var(--tscc-radius);
	overflow: hidden;
	box-shadow: var(--tscc-shadow);
	aspect-ratio: 4/3;
}
.tscc-gallery-album__link {
	display: block;
	height: 100%;
	text-decoration: none;
}
.tscc-gallery-album__thumb {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform .4s ease;
}
.tscc-gallery-album:hover .tscc-gallery-album__thumb {
	transform: scale(1.05);
}
.tscc-gallery-album__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(26,39,68,.85) 0%, rgba(26,39,68,.2) 60%, transparent 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px;
	opacity: 0;
	transition: opacity .3s ease;
}
.tscc-gallery-album:hover .tscc-gallery-album__overlay,
.tscc-gallery-album__overlay--visible {
	opacity: 1;
}
.tscc-gallery-album__name {
	font-family: 'Oswald', sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--tscc-white);
	text-transform: uppercase;
	line-height: 1.2;
}
.tscc-gallery-album__count {
	font-size: 0.8rem;
	color: var(--tscc-gold);
	display: block;
	margin-top: 4px;
}

/* Placeholder album (no images yet) */
.tscc-gallery-album--placeholder {
	background: var(--tscc-navy);
	cursor: default;
}
.tscc-gallery-album__thumb--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--tscc-navy) 0%, var(--tscc-navy-dark) 100%);
}
.tscc-gallery-album__placeholder-icon {
	font-size: 3rem;
	opacity: .5;
}
.tscc-gallery-coming-soon {
	text-align: center;
	color: var(--tscc-mid);
	font-size: 1.05rem;
	margin-bottom: 32px;
}

/* Inline album sections (scrolled to on click) */
.tscc-gallery-album-section {
	margin-bottom: 64px;
	scroll-margin-top: 80px;
}
.tscc-gallery-album-section__title {
	font-family: 'Oswald', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--tscc-navy);
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 3px solid var(--tscc-gold);
}

/* =============================================================
   NEWS ARCHIVE & SINGLE POST
   ============================================================= */

/* News filter bar */
.tscc-news-filter-section { padding-bottom: 0; }
.tscc-news-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	border-bottom: 2px solid #e0e0e0;
	padding-bottom: 0;
}
.tscc-news-filter-tab {
	font-family: 'Oswald', sans-serif;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: 10px 20px;
	text-decoration: none;
	color: var(--tscc-mid);
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	transition: color .2s, border-color .2s;
}
.tscc-news-filter-tab:hover { color: var(--tscc-navy); }
.tscc-news-filter-tab.is-active {
	color: var(--tscc-navy);
	border-bottom-color: var(--tscc-gold);
	font-weight: 700;
}

/* News card grid */
.tscc-news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 28px;
}
.tscc-news-card {
	background: var(--tscc-white);
	border-radius: var(--tscc-radius);
	overflow: hidden;
	box-shadow: var(--tscc-shadow);
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s, transform .2s;
}
.tscc-news-card:hover {
	box-shadow: 0 8px 32px rgba(0,0,0,.12);
	transform: translateY(-2px);
}
.tscc-news-card__thumb-link { display: block; }
.tscc-news-card__thumb {
	height: 200px;
	background-size: cover;
	background-position: center;
	transition: transform .35s ease;
}
.tscc-news-card:hover .tscc-news-card__thumb { transform: scale(1.03); }
.tscc-news-card__thumb-link { overflow: hidden; }
.tscc-news-card__thumb--fallback {
	height: 200px;
	background: linear-gradient(135deg, var(--tscc-navy) 0%, var(--tscc-navy-dark) 100%);
}
.tscc-news-card__body {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.tscc-news-card__meta-top {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}
.tscc-news-card__type-label {
	font-family: 'Oswald', sans-serif;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--tscc-gold);
}
.tscc-news-card__title {
	font-family: 'Oswald', sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 8px;
	line-height: 1.35;
}
.tscc-news-card__title a {
	color: var(--tscc-navy);
	text-decoration: none;
}
.tscc-news-card__title a:hover { color: var(--tscc-gold); }
.tscc-news-card__excerpt {
	font-size: 0.875rem;
	color: var(--tscc-mid);
	line-height: 1.6;
	flex: 1;
	margin-bottom: 12px;
}
.tscc-news-card__meta-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.78rem;
	color: var(--tscc-mid);
	border-top: 1px solid #f0f0f0;
	padding-top: 10px;
}
.tscc-news-card--match-report {
	border-top: 3px solid var(--tscc-navy);
}

/* Pagination */
.tscc-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 48px;
	flex-wrap: wrap;
}
.tscc-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: var(--tscc-radius);
	font-family: 'Oswald', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	color: var(--tscc-navy);
	border: 2px solid var(--tscc-navy);
	transition: background .2s, color .2s;
}
.tscc-pagination .page-numbers:hover,
.tscc-pagination .page-numbers.current {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}

/* ── Single Post ─────────────────────────────────────────── */
.tscc-post-hero {
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: flex-end;
	background: var(--tscc-navy);
	overflow: hidden;
}
.tscc-post-hero__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 0;
}
.tscc-post-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(26,39,68,.95) 0%, rgba(26,39,68,.5) 60%, transparent 100%);
	z-index: 1;
}
.tscc-post-hero__inner {
	position: relative;
	z-index: 2;
	padding-top: 100px;
	padding-bottom: 48px;
}
.tscc-post-hero__cat {
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--tscc-navy);
	background: var(--tscc-gold);
	padding: 4px 12px;
	border-radius: 3px;
	text-decoration: none;
	margin-bottom: 14px;
}
.tscc-post-hero__title {
	font-family: 'Oswald', sans-serif;
	font-size: clamp(1.8rem, 4vw, 3rem);
	font-weight: 700;
	color: var(--tscc-white);
	line-height: 1.15;
	margin-bottom: 16px;
	max-width: 820px;
}
.tscc-post-hero__meta {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
	font-size: 0.85rem;
	color: rgba(255,255,255,.7);
}
.tscc-post-hero__sep { opacity: .4; }

/* Post layout: content + sidebar */
.tscc-post-main { padding: 60px 0; }
.tscc-post-layout {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 48px;
	align-items: start;
}
.tscc-post-content__body {
	font-size: 1.05rem;
	line-height: 1.8;
	color: var(--tscc-dark);
}
.tscc-post-content__body h2,
.tscc-post-content__body h3 {
	font-family: 'Oswald', sans-serif;
	color: var(--tscc-navy);
	margin-top: 1.8em;
}
.tscc-post-content__footer { margin-top: 40px; padding-top: 24px; border-top: 2px solid #e0e0e0; }
.tscc-post-tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.tscc-post-tags__label { font-size: 0.85rem; font-weight: 600; color: var(--tscc-mid); }
.tscc-post-tag {
	font-size: 0.8rem;
	padding: 4px 12px;
	border-radius: 20px;
	background: var(--tscc-light);
	color: var(--tscc-navy);
	text-decoration: none;
	border: 1px solid #e0e0e0;
	transition: background .2s;
}
.tscc-post-tag:hover { background: var(--tscc-gold); border-color: var(--tscc-gold); }

/* Post nav */
.tscc-post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 48px;
	padding-top: 32px;
	border-top: 2px solid #e0e0e0;
}
.tscc-post-nav__link {
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-decoration: none;
	padding: 16px;
	border-radius: var(--tscc-radius);
	border: 1px solid #e0e0e0;
	transition: border-color .2s, background .2s;
}
.tscc-post-nav__link--next { text-align: right; }
.tscc-post-nav__link:hover { border-color: var(--tscc-gold); background: rgba(201,168,76,.06); }
.tscc-post-nav__dir { font-size: 0.75rem; color: var(--tscc-gold); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.tscc-post-nav__title { font-size: 0.9rem; color: var(--tscc-navy); font-weight: 600; line-height: 1.4; }

/* Post sidebar */
.tscc-post-sidebar { position: sticky; top: 90px; }
.tscc-post-author-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 20px;
	background: var(--tscc-light);
	border-radius: var(--tscc-radius);
	margin-bottom: 24px;
}
.tscc-post-author-card__by { font-size: 0.75rem; color: var(--tscc-mid); margin: 0; }
.tscc-post-author-card__name { font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 600; color: var(--tscc-navy); margin: 0; }
.tscc-post-author-card__avatar img { border-radius: 50%; }
.tscc-post-sidebar-widget {
	padding: 20px;
	background: var(--tscc-white);
	border: 1px solid #e0e0e0;
	border-radius: var(--tscc-radius);
	margin-bottom: 20px;
}
.tscc-post-sidebar-widget__title {
	font-family: 'Oswald', sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--tscc-navy);
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--tscc-gold);
}
.tscc-post-sidebar-widget__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tscc-post-sidebar-widget__list li { border-bottom: 1px solid #f0f0f0; }
.tscc-post-sidebar-widget__list li:last-child { border-bottom: none; }
.tscc-post-sidebar-widget__list a {
	display: block;
	padding: 6px 0;
	font-size: 0.875rem;
	color: var(--tscc-dark);
	text-decoration: none;
}
.tscc-post-sidebar-widget__list a:hover { color: var(--tscc-gold); }

/* Related posts */
.tscc-related-posts { padding-top: 0; }

/* Responsive */
@media (max-width: 900px) {
	.tscc-post-layout {
		grid-template-columns: 1fr;
	}
	.tscc-post-sidebar { position: static; }
}
@media (max-width: 640px) {
	.tscc-news-grid { grid-template-columns: 1fr; }
	.tscc-post-nav { grid-template-columns: 1fr; }
	.tscc-post-nav__link--next { text-align: left; }
}

/* =============================================================
   HOME PAGE SECTIONS
   ============================================================= */

/* ── Shared section scaffolding ────────────────────────────── */
.tscc-section {
	padding: 64px 20px;
}
.tscc-section--light {
	background: var(--tscc-light);
}
.tscc-section--navy {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}
.tscc-section--white {
	background: var(--tscc-white);
}
.tscc-section--flush-bottom {
	padding-bottom: 0;
}
.tscc-section__inner {
	max-width: 1200px;
	margin: 0 auto;
}
.tscc-section__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 32px;
	flex-wrap: wrap;
	gap: 12px;
}
.tscc-section__view-all {
	font-family: 'Oswald', sans-serif;
	font-size: 0.88rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--tscc-gold);
	white-space: nowrap;
}
.tscc-section__view-all:hover {
	color: var(--tscc-navy);
}
.tscc-section-title--light {
	color: var(--tscc-white) !important;
}
.tscc-section-title--light::after {
	background: var(--tscc-gold);
}
.tscc-section-title--center {
	display: block;
	text-align: center;
	margin-bottom: 32px;
}
.tscc-section-title--center::after {
	margin: 6px auto 0;
}

/* ── Hero ──────────────────────────────────────────────────── */
.tscc-hero {
	position: relative;
	min-height: 92vh;
	background-color: var(--tscc-navy);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
}
.tscc-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		160deg,
		rgba(26, 39, 68, 0.82) 0%,
		rgba(26, 39, 68, 0.65) 60%,
		rgba(201, 168, 76, 0.18) 100%
	);
	z-index: 1;
}
.tscc-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 800px;
	padding: 40px 24px;
}
.tscc-hero__badge {
	display: inline-block;
	background: var(--tscc-gold);
	color: var(--tscc-navy);
	font-family: 'Oswald', sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 6px 18px;
	border-radius: 20px;
	margin-bottom: 20px;
}
.tscc-hero__title {
	font-family: 'Oswald', sans-serif;
	font-size: clamp(3rem, 8vw, 6rem);
	font-weight: 700;
	color: var(--tscc-white);
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 16px;
}
.tscc-hero__title--gold {
	color: var(--tscc-gold);
}
.tscc-hero__tagline {
	font-size: clamp(1rem, 2.5vw, 1.25rem);
	color: rgba(255,255,255,0.88);
	line-height: 1.6;
	margin-bottom: 36px;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}
.tscc-hero__ctas {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap;
}

/* ── Shared CTA Buttons ────────────────────────────────────── */
.tscc-btn {
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding: 14px 32px;
	border-radius: var(--tscc-radius);
	transition: all 0.2s ease;
	text-decoration: none;
	border: 2px solid transparent;
	cursor: pointer;
}
.tscc-btn--sm {
	font-size: 0.8rem;
	padding: 9px 20px;
	letter-spacing: 1px;
}
.tscc-btn--gold {
	background: var(--tscc-gold);
	color: var(--tscc-navy);
	border-color: var(--tscc-gold);
}
.tscc-btn--gold:hover {
	background: var(--tscc-gold-light);
	border-color: var(--tscc-gold-light);
	color: var(--tscc-navy);
}
/* Default outline: navy border + text — for use on light/white backgrounds */
.tscc-btn--outline {
	background: transparent;
	color: var(--tscc-navy);
	border-color: var(--tscc-navy);
}
.tscc-btn--outline:hover {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}
/* White outline — for use on dark/navy backgrounds (heroes, CTA strips) */
.tscc-btn--outline-white {
	background: transparent;
	color: var(--tscc-white);
	border-color: var(--tscc-white);
}
.tscc-btn--outline-white:hover {
	background: var(--tscc-white);
	color: var(--tscc-navy);
}
/* Gold outline — for use on dark/navy backgrounds */
.tscc-btn--outline-light {
	background: transparent;
	color: var(--tscc-gold);
	border-color: var(--tscc-gold);
}
.tscc-btn--outline-light:hover {
	background: var(--tscc-gold);
	color: var(--tscc-navy);
}

/* ── Quick Stats Bar ───────────────────────────────────────── */
.tscc-stats-bar {
	background: var(--tscc-navy-dark);
	border-top: 3px solid var(--tscc-gold);
	padding: 0;
}
.tscc-stats-bar__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}
.tscc-stats-bar__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px 40px;
	flex: 1;
	min-width: 140px;
}
.tscc-stats-bar__divider {
	width: 1px;
	background: rgba(255,255,255,0.12);
	margin: 16px 0;
	align-self: stretch;
}
.tscc-stats-bar__number {
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	font-weight: 700;
	color: var(--tscc-gold);
	line-height: 1;
}
.tscc-stats-bar__label {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: rgba(255,255,255,0.6);
	margin-top: 4px;
}

/* ── EventON strip styling ─────────────────────────────────── */
.tscc-events-strip .eventon_list_event {
	border-radius: var(--tscc-radius);
	background: var(--tscc-white);
	box-shadow: var(--tscc-shadow);
	margin-bottom: 12px;
	overflow: hidden;
}

/* ── News Grid ─────────────────────────────────────────────── */
.tscc-news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 28px;
}
.tscc-news-card {
	background: var(--tscc-white);
	border: 1px solid #e0e0e0;
	border-radius: var(--tscc-radius);
	box-shadow: var(--tscc-shadow);
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
}
.tscc-news-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.13);
}
.tscc-news-card__img-link { display: block; }
.tscc-news-card__img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}
.tscc-news-card__img--placeholder {
	height: 200px;
	background: linear-gradient(135deg, var(--tscc-navy) 0%, var(--tscc-navy-dark) 100%);
}
.tscc-news-card__body {
	padding: 18px 20px 22px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.tscc-news-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 10px;
}
.tscc-news-card__type {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--tscc-mid);
	font-weight: 600;
}
.tscc-news-card__date {
	font-size: 0.78rem;
	color: var(--tscc-mid);
}
.tscc-news-card__title {
	font-family: 'Oswald', sans-serif;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--tscc-navy);
	margin: 0 0 8px;
	line-height: 1.3;
	flex: 1;
}
.tscc-news-card__title a { color: inherit; }
.tscc-news-card__title a:hover { color: var(--tscc-gold); }
.tscc-news-card__excerpt {
	font-size: 0.88rem;
	color: var(--tscc-mid);
	line-height: 1.55;
	margin-bottom: 14px;
}
.tscc-news-card__read-more {
	font-family: 'Oswald', sans-serif;
	font-size: 0.82rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--tscc-gold);
	margin-top: auto;
}
.tscc-news-card__read-more:hover { color: var(--tscc-navy); }

/* ── About Strip ───────────────────────────────────────────── */
.tscc-about-strip {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}
/* Single-column variant used when no club image is available */
.tscc-about-strip--no-image {
	grid-template-columns: 1fr;
	max-width: 740px;
}
.tscc-about-strip__text p {
	color: rgba(255,255,255,0.85);
	line-height: 1.75;
	font-size: 1.05rem;
}
.tscc-about-strip__image-placeholder {
	height: 320px;
	background: rgba(255,255,255,0.08);
	border-radius: var(--tscc-radius);
	border: 2px dashed rgba(201,168,76,0.4);
}

/* ── Gallery Teaser ────────────────────────────────────────── */
.tscc-gallery-teaser {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8px;
}
.tscc-gallery-teaser__item {
	display: block;
	overflow: hidden;
	border-radius: 4px;
	aspect-ratio: 1;
}
.tscc-gallery-teaser__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}
.tscc-gallery-teaser__item:hover img {
	transform: scale(1.06);
}
.tscc-gallery-teaser__empty {
	color: var(--tscc-mid);
	grid-column: 1 / -1;
	text-align: center;
	padding: 40px 0;
}

/* ── Sponsors ──────────────────────────────────────────────── */
.tscc-sponsors {}
.tscc-sponsors__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-bottom: 24px;
}
.tscc-sponsors__logo-placeholder {
	width: 160px;
	height: 80px;
	background: var(--tscc-white);
	border: 2px dashed #ccc;
	border-radius: var(--tscc-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.78rem;
	color: #aaa;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.tscc-sponsors__cta {
	text-align: center;
	color: var(--tscc-mid);
	font-size: 0.9rem;
}
.tscc-sponsors__cta a {
	color: var(--tscc-gold);
	font-weight: 600;
}

/* ── Home responsive ───────────────────────────────────────── */
@media (max-width: 900px) {
	.tscc-about-strip {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.tscc-gallery-teaser {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.tscc-hero {
		min-height: 75vh;
	}
	.tscc-stats-bar__inner {
		flex-wrap: wrap;
	}
	.tscc-stats-bar__item {
		min-width: 120px;
		padding: 18px 20px;
	}
	.tscc-stats-bar__divider {
		display: none;
	}
	.tscc-section {
		padding: 44px 20px;
	}
	.tscc-news-grid {
		grid-template-columns: 1fr;
	}
	.tscc-gallery-teaser {
		grid-template-columns: repeat(2, 1fr);
	}
	.tscc-hero__ctas {
		flex-direction: column;
		align-items: center;
	}
	.tscc-btn {
		width: 100%;
		max-width: 280px;
		text-align: center;
	}
}

/* =============================================================
   HEADER & PRIMARY NAVIGATION
   ============================================================= */

/* ── Header shell ──────────────────────────────────────────── */
.tscc-header,
#masthead.tscc-header,
body #masthead {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: var(--tscc-navy) !important;
	background-color: var(--tscc-navy) !important;
	border-bottom: 3px solid var(--tscc-gold);
	transition: box-shadow 0.25s ease;
}
.tscc-header--scrolled,
#masthead.tscc-header--scrolled {
	box-shadow: 0 4px 20px rgba(0,0,0,0.35);
}
.tscc-header__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	align-items: center;
	gap: 32px;
	height: 72px;
}

/* ── Logo ──────────────────────────────────────────────────── */
.tscc-header__logo {
	flex-shrink: 0;
}
.tscc-header__logo img {
	max-height: 52px;
	width: auto;
	display: block;
}
.tscc-header__site-name {
	font-family: 'Oswald', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--tscc-white);
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
}
.tscc-header__site-name:hover {
	color: var(--tscc-gold);
}

/* ── Primary nav ───────────────────────────────────────────── */
.tscc-nav {
	flex: 1;
}
.tscc-nav__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 0;
}
.tscc-nav__menu > li {
	position: relative;
}
.tscc-nav__menu > li > a,
#masthead .tscc-nav__menu > li > a {
	display: block;
	color: var(--tscc-white) !important;
	font-family: 'Oswald', sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 24px 14px;
	transition: color 0.2s;
	white-space: nowrap;
}
.tscc-nav__menu > li > a:hover,
.tscc-nav__menu > li.current-menu-item > a,
.tscc-nav__menu > li.current-menu-ancestor > a,
#masthead .tscc-nav__menu > li > a:hover,
#masthead .tscc-nav__menu > li.current-menu-item > a {
	color: var(--tscc-gold) !important;
}
/* Active underline */
.tscc-nav__menu > li.current-menu-item > a::after,
.tscc-nav__menu > li.current-menu-ancestor > a::after {
	content: '';
	display: block;
	height: 3px;
	background: var(--tscc-gold);
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
}

/* ── Dropdown sub-menu ─────────────────────────────────────── */
.tscc-nav__menu .sub-menu {
	display: none;
	position: absolute;
	top: calc(100% + 3px);
	left: 0;
	min-width: 200px;
	background: var(--tscc-navy-dark);
	border-top: 3px solid var(--tscc-gold);
	border-radius: 0 0 var(--tscc-radius) var(--tscc-radius);
	box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	z-index: 999;
	list-style: none;
	margin: 0;
	padding: 8px 0;
}
.tscc-nav__menu .menu-item-has-children:hover > .sub-menu,
.tscc-nav__menu .menu-item-has-children:focus-within > .sub-menu {
	display: block;
}
.tscc-nav__menu .sub-menu li a {
	display: block;
	padding: 10px 18px;
	color: rgba(255,255,255,0.85);
	font-family: 'Open Sans', sans-serif;
	font-size: 0.88rem;
	white-space: nowrap;
	transition: background 0.15s, color 0.15s;
}
.tscc-nav__menu .sub-menu li a:hover {
	background: rgba(255,255,255,0.07);
	color: var(--tscc-gold);
}

/* ── Controls (lang + social + hamburger) ──────────────────── */
.tscc-header__controls {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
}

/* Language switcher */
.tscc-lang-switcher {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 2px;
}
.tscc-lang-switcher li a {
	display: block;
	padding: 4px 8px;
	font-family: 'Oswald', sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.6);
	border-radius: 3px;
	transition: all 0.15s;
}
.tscc-lang-switcher li.tscc-lang--active a,
.tscc-lang-switcher li a:hover {
	color: var(--tscc-navy);
	background: var(--tscc-gold);
}
.tscc-lang-switcher--footer li a {
	color: rgba(255,255,255,0.5);
}

/* Social icons */
.tscc-header__social-list,
.tscc-footer__social-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 8px;
}
.tscc-header__social-list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	transition: background 0.2s;
}
.tscc-header__social-list li a:hover {
	background: var(--tscc-gold);
}
.tscc-header__social-list svg,
.tscc-footer__social-list svg {
	fill: var(--tscc-white);
	stroke: none;
}
.tscc-header__social-list li a:hover svg {
	fill: var(--tscc-navy);
}

/* ── Hamburger button ──────────────────────────────────────── */
.tscc-hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 4px;
	border-radius: var(--tscc-radius);
	transition: background 0.2s;
}
.tscc-hamburger:hover {
	background: rgba(255,255,255,0.1);
}
.tscc-hamburger__line {
	display: block;
	width: 24px;
	height: 2px;
	background: var(--tscc-white);
	border-radius: 2px;
	transition: transform 0.25s ease, opacity 0.25s ease;
}
.tscc-hamburger--open .tscc-hamburger__line:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
.tscc-hamburger--open .tscc-hamburger__line:nth-child(2) {
	opacity: 0;
}
.tscc-hamburger--open .tscc-hamburger__line:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* Sub-menu toggle button — hidden on desktop, shown only on mobile */
.tscc-submenu-toggle {
	display: none;
	background: transparent;
	border: none;
	color: var(--tscc-white);
	padding: 0 8px;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
	vertical-align: middle;
}

/* Desktop caret indicator on parent nav items */
.tscc-nav__menu > li.menu-item-has-children > a::after {
	content: ' \25BE';
	font-size: 0.65rem;
	opacity: 0.65;
	vertical-align: middle;
	margin-left: 2px;
	transition: opacity 0.2s;
}
.tscc-nav__menu > li.menu-item-has-children:hover > a::after,
.tscc-nav__menu > li.menu-item-has-children:focus-within > a::after {
	opacity: 1;
}

/* =============================================================
   FOOTER
   ============================================================= */
.tscc-footer {
	background: var(--tscc-navy-dark);
	color: var(--tscc-white);
	border-top: 3px solid var(--tscc-gold);
}

.tscc-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 56px 24px 40px;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1.2fr;
	gap: 48px;
}

.tscc-footer__col-title {
	font-family: 'Oswald', sans-serif;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--tscc-gold);
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Brand column */
.tscc-footer__logo img {
	max-height: 60px;
	width: auto;
	margin-bottom: 14px;
}
.tscc-footer__site-name a {
	font-family: 'Oswald', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--tscc-white);
	text-transform: uppercase;
	letter-spacing: 2px;
}
.tscc-footer__tagline {
	font-size: 0.88rem;
	color: rgba(255,255,255,0.6);
	line-height: 1.6;
	margin-bottom: 16px;
}
.tscc-footer__contact {
	font-size: 0.85rem;
	color: rgba(255,255,255,0.55);
	line-height: 1.7;
	margin-top: 12px;
}
.tscc-footer__contact a {
	color: var(--tscc-gold-light);
}
.tscc-footer__contact a:hover {
	color: var(--tscc-white);
}

/* Social in footer */
.tscc-footer__social { margin: 14px 0; }
.tscc-footer__social-list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	transition: background 0.2s;
}
.tscc-footer__social-list li a:hover {
	background: var(--tscc-gold);
}
.tscc-footer__social-list li a:hover svg {
	fill: var(--tscc-navy);
}

/* Quick links menu */
.tscc-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tscc-footer__menu li {
	margin-bottom: 8px;
}
.tscc-footer__menu li a {
	color: rgba(255,255,255,0.7);
	font-size: 0.9rem;
	transition: color 0.2s, padding-left 0.2s;
	display: inline-block;
}
.tscc-footer__menu li a:hover {
	color: var(--tscc-gold);
	padding-left: 4px;
}
.tscc-footer__menu li::before {
	content: '›';
	color: var(--tscc-gold);
	margin-right: 6px;
}

/* Footer events — compact */
.tscc-footer__events {
	font-size: 0.82rem;
}
.tscc-footer__events .eventon_list_event {
	margin-bottom: 8px !important;
	padding: 0 !important;
}
.tscc-footer__events .evcal_evdata_row,
.tscc-footer__events .evcal_evdata_cell {
	padding: 6px 8px !important;
}
.tscc-footer__events .evcal_evdata_row .evcal_col1 {
	padding: 4px 8px !important;
	min-width: 0 !important;
}
.tscc-footer__events .evcal_evdata_row .evcal_col2 {
	display: none !important;
}
.tscc-footer__events h2.event_title,
.tscc-footer__events .event_title {
	font-size: 0.85rem !important;
	line-height: 1.3 !important;
	margin: 0 0 2px !important;
}
.tscc-footer__events .evcal_desc em,
.tscc-footer__events .evcal_event_subtitle {
	font-size: 0.76rem !important;
	line-height: 1.3 !important;
}
.tscc-footer__events .evcal_btn,
.tscc-footer__events .eventon_desc_in,
.tscc-footer__events .evcal_desc2 {
	display: none !important;
}
.tscc-footer__events #eventon_list_body {
	padding: 0 !important;
	margin: 0 !important;
}
.tscc-footer__events .eventon_month_line {
	display: none !important;
}
/* Hide the "show more" button EventON injects */
.tscc-footer__events .eventon_show_limit,
.tscc-footer__events .evo_show_limit_btn,
.tscc-footer__events .eventon_loadmore {
	display: none !important;
}
.tscc-footer__more-link {
	display: inline-block;
	margin-top: 12px;
	font-family: 'Oswald', sans-serif;
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--tscc-gold);
}
.tscc-footer__more-link:hover { color: var(--tscc-white); }

/* Footer bottom bar */
.tscc-footer__bottom {
	background: rgba(0,0,0,0.3);
	border-top: 1px solid rgba(255,255,255,0.08);
}
.tscc-footer__bottom-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.tscc-footer__copy {
	font-size: 0.82rem;
	color: rgba(255,255,255,0.45);
	margin: 0;
}
.tscc-footer__copy a {
	color: rgba(255,255,255,0.6);
}
.tscc-footer__copy a:hover { color: var(--tscc-gold); }
.tscc-footer__bottom-links {
	display: flex;
	align-items: center;
	gap: 16px;
}
.tscc-footer__legal-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 16px;
}
.tscc-footer__legal-menu li a {
	font-size: 0.8rem;
	color: rgba(255,255,255,0.45);
	transition: color 0.2s;
}
.tscc-footer__legal-menu li a:hover { color: var(--tscc-gold); }

/* =============================================================
   STATISTICS PAGE
   ============================================================= */

/* ── Summary bar (Phase 2 live CPT data) ── */
.tscc-stats-summary-bar { padding: 24px 0; }

.tscc-stats-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 8px;
	overflow: hidden;
}
.tscc-stats-bar__item {
	flex: 1 1 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 16px;
	border-right: 1px solid rgba(255,255,255,0.1);
	text-align: center;
}
.tscc-stats-bar__item:last-child { border-right: 0; }

.tscc-stats-bar__num {
	font-family: 'Oswald', sans-serif;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
	color: var(--tscc-white);
}
.tscc-stats-bar__label {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.55);
	margin-top: 6px;
}
.tscc-stats-bar__item--win  .tscc-stats-bar__num { color: #4ade80; }
.tscc-stats-bar__item--loss .tscc-stats-bar__num { color: #f87171; }
.tscc-stats-bar__item--draw .tscc-stats-bar__num { color: #facc15; }
.tscc-stats-bar__item--pct  .tscc-stats-bar__num { color: var(--tscc-gold); }

.tscc-stats-bar__source {
	margin: 10px 0 0;
	font-size: 0.75rem;
	color: rgba(255,255,255,0.35);
	text-align: center;
}

/* ── Tabbed embed ── */
.tscc-stats-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	border-bottom: 2px solid #dde1e8;
	margin-bottom: 24px;
}
.tscc-stats-tab {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	padding: 10px 22px;
	font-family: 'Oswald', sans-serif;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #5a6277;
	cursor: pointer;
	transition: color 0.2s, border-color 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
	border-radius: 4px 4px 0 0;
}
.tscc-stats-tab:hover { color: var(--tscc-navy); }
.tscc-stats-tab.is-active {
	color: var(--tscc-navy);
	border-bottom-color: var(--tscc-gold);
	font-weight: 600;
}

/* ── Panel + iframe ── */
.tscc-stats-panel { display: none; }
.tscc-stats-panel.is-active { display: block; }

.tscc-iframe-wrapper {
	position: relative;
	width: 100%;
	height: var(--iframe-height, 600px);
	border: 1px solid #dde1e8;
	border-radius: 8px;
	overflow: hidden;
	background: #f8f9fa;
}
.tscc-cricclubs-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	overflow: auto;
}
.tscc-iframe-note {
	margin-top: 10px;
	font-size: 0.8rem;
	color: #7a8090;
	text-align: right;
}
.tscc-iframe-note a { color: var(--tscc-navy); text-decoration: underline; }
.tscc-iframe-note a:hover { color: var(--tscc-gold); }

.tscc-external-link { color: var(--tscc-navy); text-decoration: underline; }
.tscc-external-link:hover { color: var(--tscc-gold); }

/* ── Performance stacked bar chart ── */
.tscc-perf-chart {
	display: flex;
	width: 100%;
	height: 48px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 12px;
}
.tscc-perf-chart__bar {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	font-family: 'Oswald', sans-serif;
	font-size: 0.85rem;
	font-weight: 600;
	color: #fff;
	transition: width 0.6s ease;
}
.tscc-perf-chart__bar--win  { background: #16a34a; }
.tscc-perf-chart__bar--loss { background: #dc2626; }
.tscc-perf-chart__bar--draw { background: #ca8a04; }

.tscc-perf-chart__legend {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-bottom: 12px;
}
.tscc-perf-legend {
	font-size: 0.78rem;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #5a6277;
}
.tscc-perf-legend::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
}
.tscc-perf-legend--win::before  { background: #16a34a; }
.tscc-perf-legend--loss::before { background: #dc2626; }
.tscc-perf-legend--draw::before { background: #ca8a04; }

.tscc-perf-chart__note {
	font-size: 0.85rem;
	color: #7a8090;
	text-align: center;
	margin-top: 16px;
}

/* Results footer links */
.tscc-results-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.tscc-results-footer-links .tscc-btn--outline {
	border: 2px solid var(--tscc-navy);
	color: var(--tscc-navy);
	background: none;
}
.tscc-results-footer-links .tscc-btn--outline:hover {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}

/* =============================================================
   TEAMS OVERVIEW — page-teams.php
   ============================================================= */

.tscc-teams-intro-strip { padding: 14px 0; }
.tscc-teams-intro-strip__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.tscc-teams-intro-strip__inner p {
	margin: 0;
	font-family: 'Oswald', sans-serif;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: rgba(255,255,255,0.75);
}

/* Teams grid */
.tscc-teams-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

/* Team card */
.tscc-team-card {
	background: var(--tscc-white);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	display: flex;
	flex-direction: column;
	transition: transform 0.2s, box-shadow 0.2s;
}
.tscc-team-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 28px rgba(0,0,0,0.13);
}
.tscc-team-card__band {
	height: 6px;
	width: 100%;
}
.tscc-team-card__body {
	padding: 28px 24px 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}
.tscc-team-card__icon {
	font-size: 2.2rem;
	line-height: 1;
}
.tscc-team-card__name {
	font-family: 'Oswald', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--tscc-navy);
	margin: 0;
	line-height: 1.25;
}
.tscc-team-card__div {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: var(--tscc-gold);
	font-weight: 600;
	margin: 0;
}
.tscc-team-card__blurb {
	font-size: 0.92rem;
	color: #5a6277;
	line-height: 1.55;
	margin: 0;
	flex: 1;
}
.tscc-team-card__no-matches {
	font-size: 0.82rem;
	color: #9aa0b0;
	margin: 0;
}
.tscc-team-card__cta { margin-top: auto; align-self: flex-start; }

/* Tally chips inside card */
.tscc-team-card__tally {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.tscc-tally {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 40px;
	padding: 6px 10px;
	border-radius: 6px;
	background: #f2f4f8;
}
.tscc-tally__num {
	font-family: 'Oswald', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
}
.tscc-tally__lbl {
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #7a8090;
	margin-top: 2px;
}
.tscc-tally--played .tscc-tally__num { color: var(--tscc-navy); }
.tscc-tally--win    .tscc-tally__num { color: #16a34a; }
.tscc-tally--loss   .tscc-tally__num { color: #dc2626; }
.tscc-tally--draw   .tscc-tally__num { color: #ca8a04; }

/* Fixtures row */
.tscc-teams-fixture-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	padding-top: 8px;
	padding-bottom: 8px;
}
.tscc-teams-fixture-row__heading {
	font-family: 'Oswald', sans-serif;
	font-size: 1.25rem;
	color: var(--tscc-navy);
	margin: 0 0 6px;
}
.tscc-teams-fixture-row > div:first-child p { margin: 0; color: #5a6277; font-size: 0.9rem; }
.tscc-teams-fixture-row__links { display: flex; gap: 12px; flex-wrap: wrap; }
.tscc-teams-fixture-row .tscc-btn--outline {
	border: 2px solid var(--tscc-navy);
	color: var(--tscc-navy);
	background: none;
}
.tscc-teams-fixture-row .tscc-btn--outline:hover {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}

/* =============================================================
   INDIVIDUAL TEAM PAGE — page-team.php
   ============================================================= */

.tscc-page-hero--team .tscc-page-hero__overlay {
	background: linear-gradient(
		135deg,
		rgba(var(--team-colour, 26,39,68), 0.85) 0%,
		rgba(0,0,0,0.55) 100%
	);
}

.tscc-team-season-bar { padding: 28px 0; }
.tscc-team-season-bar__heading {
	font-family: 'Oswald', sans-serif;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.55);
	text-align: center;
	margin: 0 0 16px;
}

/* Slim perf bar under tally (no labels needed) */
.tscc-perf-chart--slim {
	height: 8px;
	border-radius: 4px;
	margin-top: 16px;
}
.tscc-perf-chart--slim .tscc-perf-chart__bar { min-width: 0; }

/* Editable page content area */
.tscc-team-page-content {
	max-width: 800px;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.7;
	color: #2c3347;
}

/* Match result band on news card */
.tscc-match-card { overflow: hidden; }
.tscc-match-card__result-band {
	padding: 4px 12px;
	font-family: 'Oswald', sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.tscc-result--win  .tscc-match-card__result-band,
.tscc-match-card__result-band.tscc-result--win  { background: #dcfce7; color: #16a34a; }
.tscc-result--loss .tscc-match-card__result-band,
.tscc-match-card__result-band.tscc-result--loss { background: #fee2e2; color: #dc2626; }
.tscc-result--draw .tscc-match-card__result-band,
.tscc-match-card__result-band.tscc-result--draw { background: #fef9c3; color: #b45309; }

/* Result band styling for non-nested selector */
.tscc-result--win  { background: #dcfce7; color: #16a34a; }
.tscc-result--loss { background: #fee2e2; color: #dc2626; }
.tscc-result--draw { background: #fef9c3; color: #b45309; }
.tscc-result--nr   { background: #f1f5f9; color: #64748b; }

.tscc-match-card__score {
	font-size: 0.85rem;
	color: #5a6277;
	margin: 4px 0 8px;
}

/* Section footer link */
.tscc-section-footer-link {
	text-align: center;
	margin-top: 32px;
}
.tscc-section-footer-link .tscc-btn--outline {
	border: 2px solid var(--tscc-navy);
	color: var(--tscc-navy);
	background: none;
}
.tscc-section-footer-link .tscc-btn--outline:hover {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}

/* CricClubs links row */
.tscc-team-cricclubs-links {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}
.tscc-team-cricclubs-links .tscc-btn--outline {
	border: 2px solid var(--tscc-navy);
	color: var(--tscc-navy);
	background: none;
}
.tscc-team-cricclubs-links .tscc-btn--outline:hover {
	background: var(--tscc-navy);
	color: var(--tscc-white);
}

/* ── Teams responsive ── */
@media (max-width: 900px) {
	.tscc-teams-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
	.tscc-teams-grid { grid-template-columns: 1fr; }
	.tscc-teams-intro-strip__inner { flex-direction: column; align-items: flex-start; }
	.tscc-teams-fixture-row { flex-direction: column; align-items: flex-start; }
}

/* =============================================================
   FIXTURES & EVENTS PAGE — page-fixtures.php
   ============================================================= */

/* Sub-nav */
.tscc-fixtures-subnav {
	background: var(--tscc-navy-dark);
	border-bottom: 2px solid rgba(201,168,76,0.25);
}
.tscc-fixtures-subnav__inner {
	display: flex;
	align-items: center;
	gap: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.tscc-fixtures-subnav__inner::-webkit-scrollbar { display: none; }

.tscc-fixtures-subnav__link {
	display: inline-block;
	padding: 13px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: rgba(255,255,255,0.6);
	white-space: nowrap;
	border-bottom: 3px solid transparent;
	transition: color 0.2s, border-color 0.2s;
}
.tscc-fixtures-subnav__link:hover,
.tscc-fixtures-subnav__link.is-active {
	color: var(--tscc-gold);
	border-bottom-color: var(--tscc-gold);
}
.tscc-fixtures-subnav__link--ext::after {
	content: '';
}

/* Calendar section */
.tscc-fixtures-calendar { padding-top: 40px; padding-bottom: 48px; }

/* ── EventON global overrides (full page + footer widget) ── */
/* Override EventON's own styles to match club palette */
.tscc-eventon-wrap .eventon_list_event .evcal_evdata_row {
	border-left: 4px solid var(--tscc-gold) !important;
}
.tscc-eventon-wrap .eventon_list_event:hover .evcal_evdata_row {
	border-left-color: var(--tscc-navy) !important;
}
.tscc-eventon-wrap .evcal_evdata_cell .evcal_event_title {
	font-family: 'Oswald', sans-serif !important;
	font-size: 1rem !important;
	color: var(--tscc-navy) !important;
}
.tscc-eventon-wrap a.evcal_event_title:hover {
	color: var(--tscc-gold) !important;
}
.tscc-eventon-wrap .evcal_cblock {
	background: var(--tscc-navy) !important;
	color: var(--tscc-white) !important;
}
.tscc-eventon-wrap .evcal_cblock span,
.tscc-eventon-wrap .evcal_cblock p,
.tscc-eventon-wrap .evcal_cblock strong {
	color: var(--tscc-white) !important;
}
/* Month header */
.tscc-eventon-wrap .eventon_month_line {
	background: var(--tscc-navy) !important;
	border-radius: 6px !important;
	font-family: 'Oswald', sans-serif !important;
	font-size: 0.85rem !important;
	letter-spacing: 1px !important;
}
.tscc-eventon-wrap .eventon_month_line span,
.tscc-eventon-wrap .eventon_month_line p {
	color: rgba(255,255,255,0.8) !important;
}
/* Filter bar */
.tscc-eventon-wrap .evo_calnav,
.tscc-eventon-wrap .ajde_evcal_section .evo_above_timeline {
	margin-bottom: 20px;
}
.tscc-eventon-wrap select.evo_f_val {
	border: 1px solid #dde1e8 !important;
	border-radius: 6px !important;
	padding: 6px 12px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.85rem !important;
	color: var(--tscc-navy) !important;
}
/* Year/nav arrows */
.tscc-eventon-wrap .evcal_btn_a,
.tscc-eventon-wrap .evo_calstyle2 .evcal_calbtn {
	background: var(--tscc-navy) !important;
	color: var(--tscc-gold) !important;
	border-radius: 4px !important;
}
.tscc-eventon-wrap .evcal_btn_a:hover { background: var(--tscc-gold) !important; color: var(--tscc-navy) !important; }

/* Promo strip */
.tscc-fixtures-promo { padding: 32px 0; }
.tscc-fixtures-promo__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
.tscc-fixtures-promo__title {
	font-family: 'Oswald', sans-serif;
	font-size: 1.3rem;
	color: var(--tscc-white);
	margin: 0 0 4px;
}
.tscc-fixtures-promo__inner > div p {
	margin: 0;
	font-size: 0.9rem;
	color: rgba(255,255,255,0.65);
}

/* ── Fixtures responsive ── */
@media (max-width: 600px) {
	.tscc-fixtures-subnav__link { padding: 10px 14px; font-size: 0.78rem; }
	.tscc-fixtures-promo__inner { flex-direction: column; align-items: flex-start; }
}

/* ── Stats responsive ── */
@media (max-width: 600px) {
	.tscc-stats-bar__item { padding: 14px 10px; }
	.tscc-stats-bar__num  { font-size: 1.7rem; }

	.tscc-stats-tab { padding: 8px 12px; font-size: 0.82rem; }

	.tscc-iframe-wrapper { height: calc(var(--iframe-height, 600px) + 100px); }

	.tscc-perf-chart { height: 36px; }
	.tscc-perf-chart__bar { font-size: 0.75rem; }
}

/* =============================================================
   RESPONSIVE — Header / Footer
   ============================================================= */
@media (max-width: 1024px) {
	.tscc-header__inner { gap: 16px; }
	.tscc-nav__menu > li > a { padding: 24px 10px; font-size: 0.82rem; }
}

@media (max-width: 900px) {
	/* Show hamburger */
	.tscc-hamburger { display: flex; }

	/* Show sub-menu toggle button on mobile */
	.tscc-submenu-toggle { display: inline-flex; align-items: center; padding: 12px 14px; flex-shrink: 0; }

	/* Keep link text and toggle arrow on the same line —
	   make the parent li a flex row container */
	.tscc-nav__menu > li.menu-item-has-children {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1px solid rgba(255,255,255,0.06);
	}
	.tscc-nav__menu > li.menu-item-has-children > a {
		flex: 1;
		border-bottom: none; /* divider is on the parent li */
	}
	/* Sub-menu must span the full row width so it appears below */
	.tscc-nav__menu > li.menu-item-has-children > .sub-menu {
		flex-basis: 100%;
	}

	/* Push hamburger to the right when nav is hidden */
	.tscc-header__controls {
		margin-left: auto;
	}

	/* Hide desktop nav */
	.tscc-nav {
		display: none;
		position: absolute;
		top: 75px;
		left: 0;
		right: 0;
		background: var(--tscc-navy-dark);
		border-bottom: 3px solid var(--tscc-gold);
		z-index: 998;
		padding: 12px 0 16px;
	}
	.tscc-nav--open { display: block; }

	.tscc-nav__menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	.tscc-nav__menu > li > a {
		padding: 12px 24px;
		border-bottom: 1px solid rgba(255,255,255,0.06);
		font-size: 1rem;
	}
	.tscc-nav__menu .sub-menu {
		position: static;
		box-shadow: none;
		border-top: none;
		border-left: 3px solid var(--tscc-gold);
		margin-left: 24px;
		border-radius: 0;
		padding: 4px 0;
		display: none;
	}
	.tscc-nav__menu .tscc-submenu--open > .sub-menu { display: block; }
	/* Hide desktop caret on mobile (JS toggle button handles it) */
	.tscc-nav__menu > li.menu-item-has-children > a::after { display: none; }
	.tscc-nav__menu > li.current-menu-item > a::after { display: none; }
	.tscc-header__social { display: none; }

	/* Footer stacks */
	.tscc-footer__inner {
		grid-template-columns: 1fr;
		gap: 32px;
		padding: 40px 24px;
	}
	.tscc-footer__bottom-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}