/*
=========================================
Single Match
=========================================
*/

.msh-match-header{

	background:#161b22;

	padding:30px;

	border-radius:16px;

	margin-bottom:25px;

	border:1px solid rgba(255,255,255,.08);

}

.msh-match-league{

	font-size:14px;

	text-transform:uppercase;

	letter-spacing:.08em;

	color:#22c55e;

	margin-bottom:10px;

	font-weight:700;

}

.msh-match-title{

	font-size:36px;

	font-weight:800;

	color:#fff;

	margin-bottom:15px;

	line-height:1.2;

}

.msh-match-meta{

	display:flex;

	flex-wrap:wrap;

	gap:12px;

	align-items:center;

}

.msh-match-meta span{

	background:#0f172a;

	color:#e5e7eb;

	padding:8px 14px;

	border-radius:30px;

	font-size:14px;

	font-weight:600;

}

.msh-status-live{

	background:#dc2626 !important;

	color:#fff !important;

	animation:msh-live-blink 1.2s infinite;

}

.msh-status-upcoming{

	background:#2563eb !important;

	color:#fff !important;

}

.msh-status-finished{

	background:#16a34a !important;

	color:#fff !important;

}

.msh-status-postponed{

	background:#d97706 !important;

	color:#fff !important;

}

.msh-status-cancelled{

	background:#6b7280 !important;

	color:#fff !important;

}

@keyframes msh-live-blink{

	0%{opacity:1;}

	50%{opacity:.45;}

	100%{opacity:1;}

}

/*============================
Scoreboard
=============================*/

.msh-scoreboard{

	display:grid;

	grid-template-columns:1fr auto 1fr;

	align-items:center;

	gap:25px;

	background:#161b22;

	padding:35px;

	border-radius:16px;

	margin-bottom:30px;

	border:1px solid rgba(255,255,255,.08);

}

.msh-team{

	text-align:center;

}

.msh-team h2{

	font-size:28px;

	font-weight:700;

	color:#fff;

}

.msh-score{

	text-align:center;

}

.msh-score-number{

	font-size:52px;

	font-weight:800;

	color:#22c55e;

	line-height:1;

}

.msh-score-number span{

	margin:0 12px;

	color:#94a3b8;

}

.msh-minute{

	margin-top:15px;

	font-size:18px;

	font-weight:700;

	color:#ef4444;

}

/*============================
Match Information
=============================*/

.msh-match-info{

	background:#161b22;

	padding:30px;

	border-radius:16px;

	margin-bottom:30px;

	border:1px solid rgba(255,255,255,.08);

}

.msh-match-info h2{

	margin-bottom:20px;

	color:#fff;

	font-size:24px;

}

.msh-info-table{

	width:100%;

	border-collapse:collapse;

}

.msh-info-table th{

	width:220px;

	text-align:left;

	padding:14px;

	border-bottom:1px solid rgba(255,255,255,.08);

	color:#22c55e;

	font-weight:700;

}

.msh-info-table td{

	padding:14px;

	border-bottom:1px solid rgba(255,255,255,.08);

	color:#e5e7eb;

}

.msh-info-table a{

	color:#22c55e;

	font-weight:700;

}

/*============================
Timeline
=============================*/

.msh-match-timeline{

	background:#161b22;

	padding:30px;

	border-radius:16px;

	margin-bottom:30px;

	border:1px solid rgba(255,255,255,.08);

}

.msh-match-timeline h2{

	color:#fff;

	margin-bottom:15px;

}

.msh-match-timeline p{

	color:#94a3b8;

}

/*============================
Footer
=============================*/

.msh-match-footer{

	background:#161b22;

	padding:25px;

	border-radius:16px;

	border:1px solid rgba(255,255,255,.08);

}

.msh-match-footer .nav-links{

	display:flex;

	justify-content:space-between;

	gap:20px;

}

.msh-match-footer a{

	color:#22c55e;

	font-weight:700;

}

/*============================
Responsive
=============================*/

@media(max-width:992px){

	.msh-scoreboard{

		grid-template-columns:1fr;

		text-align:center;

	}

	.msh-team h2{

		font-size:24px;

	}

	.msh-score-number{

		font-size:42px;

	}

	.msh-match-title{

		font-size:28px;

	}

	.msh-info-table th,

	.msh-info-table td{

		display:block;

		width:100%;

	}

	.msh-info-table tr{

		display:block;

		margin-bottom:15px;

	}

	.msh-match-footer .nav-links{

		flex-direction:column;

	}

}
.msh-team-logo{

	width:80px;

	height:80px;

	object-fit:contain;

	display:block;

	margin:0 auto 15px;

}