/* ===================================================================
   RESULTS PAGE — "Matchday Results" scoreline-card board, driven by
   real sp_event data (see page-results.php). Palette/type is scoped to
   .results-modern so it doesn't touch the rest of the site's tokens.
=================================================================== */

.results-hero{ padding:70px 0 40px; text-align:center; }
.results-hero .kicker{ display:block; margin-bottom:10px; }
.results-hero h1{ font-size:clamp(40px,6vw,64px); margin:0 0 12px; color:var(--line); }
.results-hero .sub{ max-width:520px; margin:0 auto; color:var(--muted-lt); }

.results-modern{
	--pitch-dark: #14205b;
	--pitch-darker: #0a123a;
	--card: #1a2a72;
	--card-line: #2c3c8f;
	--gold: #e0a72e;
	--gold-dim: #8a6a24;
	--off-white: #eef0f8;
	--mist: #9aa4d6;
	--win: #4fae6d;

	padding:10px 0 90px;
	background:#ffffff;
	font-family:'Oswald', var(--body);
}

.results-modern .board{ width:100%; max-width:640px; margin:0 auto; }

.results-modern .board-head{
	display:flex; align-items:baseline; justify-content:space-between;
	padding:0 4px 22px; border-bottom:1px solid var(--card-line); margin-bottom:26px;
}
.results-modern .board-head h2{
	font-family:'Oswald', var(--body); font-size:26px; font-weight:600;
	letter-spacing:0.3px; margin:0; color:#000000;
}
.results-modern .board-head span{
	font-family:'JetBrains Mono', var(--mono); font-size:13px; color:var(--gold);
	background:rgba(224,167,46,0.1); padding:5px 10px; border-radius:20px;
	border:1px solid rgba(224,167,46,0.35);
}

.results-modern .match{
	position:relative;
	background:linear-gradient(180deg, var(--card) 0%, #101c50 100%);
	border:1px solid var(--card-line); border-radius:10px;
	padding:22px 22px 16px; margin-bottom:16px; overflow:hidden;
}
.results-modern .match::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--win); }
.results-modern .match.draw::before{ background:var(--gold); }

.results-modern .match-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }

.results-modern .team{ display:flex; align-items:center; gap:12px; flex:1; min-width:0; }
.results-modern .team.away{ flex-direction:row-reverse; text-align:right; }

.results-modern .crest{
	width:46px; height:46px; border-radius:50%; flex-shrink:0;
	display:flex; align-items:center; justify-content:center;
	background:var(--pitch-darker); border:2px solid transparent;
	overflow:hidden; padding:4px; box-sizing:border-box;
}
.results-modern .crest img{ width:100%; height:100%; object-fit:contain; }
.results-modern .crest-fallback{
	font-family:'JetBrains Mono', var(--mono); font-weight:700; font-size:13px; color:var(--mist);
}
.results-modern .winner-ring{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(224,167,46,0.15); }

.results-modern .team-name{ font-size:15px; font-weight:500; letter-spacing:0.2px; line-height:1.25; color:var(--off-white); }
.results-modern .team.dim .team-name{ color:var(--mist); }

.results-modern .scoreline{
	font-family:'JetBrains Mono', var(--mono); font-weight:700; font-size:28px; letter-spacing:2px;
	display:flex; align-items:center; gap:8px; padding:6px 14px;
	background:var(--pitch-darker); border-radius:8px; border:1px solid var(--card-line);
	flex-shrink:0;
}
.results-modern .scoreline .dash{ color:var(--mist); font-size:16px; }
.results-modern .scoreline .num.win{ color:var(--gold); }
.results-modern .scoreline .num.lose{ color:var(--mist); }
.results-modern .scoreline .num.draw{ color:var(--off-white); }

.results-modern .match-meta{
	display:flex; align-items:center; justify-content:space-between; margin-top:16px; padding-top:12px;
	border-top:1px dashed var(--card-line);
	font-family:'JetBrains Mono', var(--mono); font-size:11px; color:var(--mist); letter-spacing:0.5px;
}
.results-modern .match-meta .status{ color:var(--win); display:flex; align-items:center; gap:6px; }
.results-modern .match-meta .status::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--win); }
.results-modern .match.draw .match-meta .status{ color:var(--gold); }
.results-modern .match.draw .match-meta .status::before{ background:var(--gold); }

.results-modern .no-results{ color:var(--mist); text-align:center; padding:30px 0; }

/* Pagination — light pills so the page numbers read in solid black. */
.results-modern .pagination{ display:flex; justify-content:center; gap:8px; margin-top:10px; flex-wrap:wrap; }
.results-modern .pagination .page-numbers{
	font-family:'JetBrains Mono', var(--mono); font-size:12px; font-weight:700;
	border:1px solid var(--card-line); border-radius:8px;
	padding:8px 14px; text-decoration:none;
	background:var(--off-white); color:#000;
	transition:background 0.15s ease;
}
.results-modern .pagination .page-numbers:hover{ background:var(--gold); color:#000; }
.results-modern .pagination .page-numbers.current{ background:var(--gold); color:#000; border-color:var(--gold); }
.results-modern .pagination .page-numbers.dots{ background:transparent; border:0; color:var(--mist); }

@media (max-width:480px){
	.results-modern .scoreline{ font-size:22px; padding:5px 10px; }
	.results-modern .team-name{ font-size:13px; }
	.results-modern .crest{ width:38px; height:38px; }
}