/* Team card */
.xscores-team-card{
	border: none;
	border-radius: 12px;
	overflow: hidden;
}

/* Hero section */
.xscores-team-hero{
	background: linear-gradient(135deg, #3d6600 0%, #5c9801 60%, #7ab82e 100%);
	padding: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.xscores-team-hero-content{
	display: flex;
	align-items: center;
	gap: 1rem;
	min-width: 0;
}

/* Team logo */
.xscores-team-logo-wrapper{
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	background: rgba(255,255,255,0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(4px);
}
.xscores-team-logo{
	width: 48px;
	height: 48px;
	object-fit: contain;
}

/* Team info */
.xscores-team-info{
	min-width: 0;
}
.xscores-team-name{
	font-size: 1.4rem;
	font-weight: 800;
	color: #fff;
	margin: 0;
	line-height: 1.3;
	overflow-wrap: break-word;
}
.xscores-team-sport{
	font-size: 0.82rem;
	font-weight: 500;
	color: rgba(255,255,255,0.8);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* Subscribe button */
.xscores-team-actions{
	flex-shrink: 0;
}
.xscores-team-btn{
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 600;
	padding: 0.45em 1.2em;
	white-space: nowrap;
}
.xscores-team-hero .btn-primary{
	background-color: #fff !important;
	border-color: #fff !important;
	color: #3d6600 !important;
}
.xscores-team-hero .btn-primary:hover,
.xscores-team-hero .btn-primary:focus,
.xscores-team-hero .btn-primary:active{
	background-color: rgba(255,255,255,0.85) !important;
	border-color: rgba(255,255,255,0.85) !important;
	color: #3d6600 !important;
}
.xscores-team-hero .btn-outline-success{
	border-color: rgba(255,255,255,0.6);
	color: #fff;
}
.xscores-team-hero .btn-outline-success:hover{
	background-color: rgba(255,255,255,0.15);
	border-color: #fff;
}

/* Responsive */
@media (max-width: 576px){
	.xscores-team-hero{
		padding: 1.2rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.xscores-team-logo-wrapper{
		width: 52px;
		height: 52px;
	}
	.xscores-team-logo{
		width: 38px;
		height: 38px;
	}
	.xscores-team-name{
		font-size: 1.2rem;
	}
	.xscores-team-actions{
		width: 100%;
	}
	.xscores-team-btn{
		width: 100%;
		text-align: center;
	}
}