/* --- FORMATION SUMMARY BAR --- */
.match-formation__summary-bar {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	background: var(--theme-palette-color-5);
	backdrop-filter: blur(4px) !important;
	padding: 12px 20px !important;
	margin-bottom: 15px !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

.match-formation__summary-team {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex: 1 !important;
}

.match-formation__summary-team-info {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.match-formation__summary-logo {
	width: 32px !important;
	height: 32px !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
}

.match-formation__summary-team--home {
	justify-content: flex-start !important;
}
.match-formation__summary-team--away .match-formation__summary-team-name-row {
	display: flex !important;
	flex-direction: row-reverse !important;
	align-items: center !important;
gap: 5px;
}
.match-formation__summary-team--away{
	flex-direction: row-reverse !important;
}

.match-formation__summary-rating {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #fff !important;
	min-width: 40px !important;
	text-align: center !important;
	padding: 0 12px !important;
	border-radius: 6px !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* Rating color gradients */
.match-formation__summary-rating--rating-excellent {
	background: linear-gradient(135deg, #00c853 0%, #4caf50 100%) !important;
	box-shadow: 0 2px 4px rgba(0, 200, 83, 0.4) !important;
}

.match-formation__summary-rating--rating-very-good {
	background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%) !important;
	box-shadow: 0 2px 4px rgba(76, 175, 80, 0.4) !important;
}

.match-formation__summary-rating--rating-good {
	background: linear-gradient(135deg, #8bc34a 0%, #9ccc65 100%) !important;
	box-shadow: 0 2px 4px rgba(139, 195, 74, 0.4) !important;
}

.match-formation__summary-rating--rating-avg {
	background: linear-gradient(135deg, #ffc107 0%, #ffd54f 100%) !important;
	box-shadow: 0 2px 4px rgba(255, 193, 7, 0.4) !important;
}

.match-formation__summary-rating--rating-below-avg {
	background: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%) !important;
	box-shadow: 0 2px 4px rgba(255, 152, 0, 0.4) !important;
}

.match-formation__summary-rating--rating-bad {
	background: linear-gradient(135deg, #f44336 0%, #ef5350 100%) !important;
	box-shadow: 0 2px 4px rgba(244, 67, 54, 0.4) !important;
}

.match-formation__summary-team-name {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

.match-formation__summary-formation {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, 0.8) !important;
	background: rgba(255, 255, 255, 0.1) !important;
	padding: 4px 10px !important;
	border-radius: 4px !important;
}

/* --- COACHES SECTION --- */
.match-formation__coaches {
	display: flex !important;
	flex-direction: column !important;
	background: var(--theme-palette-color-5);
	backdrop-filter: blur(4px) !important;
	padding: 15px 20px !important;
	margin-top: 15px !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

.match-formation__coaches-label {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: rgba(255, 255, 255, 0.6) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 15px !important;
	flex-shrink: 0 !important;
	text-align: center !important;
}

.match-formation__coaches-content {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 20px !important;
}

.match-formation__coaches-team {
	display: flex !important;
	align-items: center !important;
	flex: 1 !important;
}

.match-formation__coaches-team--home {
	justify-content: flex-start !important;
}

.match-formation__coaches-team--away {
	justify-content: flex-end !important;
}

.match-formation__coach {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.match-formation__coach-photo {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	border: 2px solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.match-formation__coach-info {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.match-formation__coach-flag {
	display: flex !important;
	align-items: center !important;
}

.match-formation__coach-name-wrapper {
	display: flex !important;
	align-items: center !important;
}

.match-formation__coach-name {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.match-formation__coach-name:hover {
	color: rgba(255, 255, 255, 0.8) !important;
}

.match-formation__coaches-team--away .match-formation__coach {
	flex-direction: row-reverse !important;
}

.match-formation__coaches-team--away .match-formation__coach-info {
	flex-direction: row-reverse !important;
}

/* --- SUBSTITUTES SECTION --- */
.match-formation__substitutes {
	display: flex !important;
	flex-direction: column !important;
	background: var(--theme-palette-color-5);
	backdrop-filter: blur(4px) !important;
	padding: 20px !important;
	margin-top: 15px !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

.match-formation__substitutes-label {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: rgba(255, 255, 255, 0.6) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 20px !important;
	flex-shrink: 0 !important;
	text-align: center !important;
}

.match-formation__substitutes-content {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 20px !important;
}

.match-formation__substitutes-team {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 15px !important;
	flex: 1 !important;
	justify-content: center !important;
}

.match-formation__substitutes-team--home {
	justify-content: flex-start !important;
}

.match-formation__substitutes-team--away {
	justify-content: flex-end !important;
}
.match-formation__summary-team--away .match-formation__summary-team-info {
	flex-direction: row-reverse !important;
  }
/* --- OVERRIDE PLUGIN STYLES --- */
.match-formation .match-formation__player .match-formation__player-photo {
	position: relative !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	margin: 0 !important;
	z-index: 1 !important;
}

.match-formation .match-formation__player .match-formation__player-number,
.match-formation__substitutes-team .match-formation__player-number {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	text-align: left !important;
	line-height: 1 !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	color: #fff !important;
	display: inline !important;
	backface-visibility: visible !important;
	transform: none !important;
}

.match-formation .match-formation__player .match-formation__player-name,
.match-formation__substitutes-team .match-formation__player-name {
	display: inline !important;
	text-align: left !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	font-size: 10px !important;
	padding: 0 !important;
}

/* --- PLAYER COMPONENT (NEW UI) --- */
.match-formation .match-formation__player-unit,
.match-formation__substitutes-team .match-formation__player-unit {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	position: relative !important;
	width: 70px !important;
	transition: transform 0.2s ease !important;
	cursor: pointer !important;
}
.match-formation__substitutes-team .match-formation__player-unit{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.match-formation .match-formation__player-unit:hover,
.match-formation__substitutes-team .match-formation__player-unit:hover {
	transform: scale(1.05) !important;
	z-index: 10 !important;
}

/* Avatar wrapper */
.match-formation .match-formation__avatar-wrapper,
.match-formation__substitutes-team .match-formation__avatar-wrapper {
	position: relative !important;
	width: 45px !important;
	height: 45px !important;
	margin-bottom: 2px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	z-index: 1 !important;
}

.match-formation .match-formation__avatar-wrapper img,
.match-formation .match-formation__avatar-wrapper .match-formation__player-photo,
.match-formation__substitutes-team .match-formation__avatar-wrapper img,
.match-formation__substitutes-team .match-formation__avatar-wrapper .match-formation__player-photo {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	border: 2px solid #fff !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.4) !important;
	background: #fff !important;
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	top: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	outline: none !important;
	box-sizing: border-box !important;
}

/* Team colors are now applied via inline styles for each player */

/* BADGES (Rating and Events) */
.match-formation .match-formation__badge,
.match-formation__substitutes-team .match-formation__badge {
	position: absolute !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 9px !important;
	font-weight: bold !important;
	color: black !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
	z-index: 20 !important;
	pointer-events: none !important;
}

/* Rating badge - Top right */
.match-formation .match-formation__rating-badge,
.match-formation__substitutes-team .match-formation__rating-badge {
	top: -4px !important;
	right: -12px !important;
	width: 25px !important;
	height: 17px !important;
	border-radius: 4px !important;
	border: 1px solid rgba(255,255,255,0.5) !important;
	font-size: 12px !important;
	line-height: 1 !important;
	padding: 0 !important;
	bottom: auto !important;
	left: auto !important;
}

/* Rating colors with more gradations */
.match-formation .match-formation__rating-excellent,
.match-formation__substitutes-team .match-formation__rating-excellent,
.match-formation .match-formation__rating-badge.match-formation__rating-excellent,
.match-formation__substitutes-team .match-formation__rating-badge.match-formation__rating-excellent { background-color: #00c853 !important; } /* Bright green for 9.0+ */
.match-formation .match-formation__rating-very-good,
.match-formation__substitutes-team .match-formation__rating-very-good,
.match-formation .match-formation__rating-badge.match-formation__rating-very-good,
.match-formation__substitutes-team .match-formation__rating-badge.match-formation__rating-very-good { background-color: #4caf50 !important; } /* Green for 8.0-8.9 */
.match-formation .match-formation__rating-good,
.match-formation__substitutes-team .match-formation__rating-good,
.match-formation .match-formation__rating-badge.match-formation__rating-good,
.match-formation__substitutes-team .match-formation__rating-badge.match-formation__rating-good { background-color: #8bc34a !important; } /* Light green for 7.0-7.9 */
.match-formation .match-formation__rating-avg,
.match-formation__substitutes-team .match-formation__rating-avg,
.match-formation .match-formation__rating-badge.match-formation__rating-avg,
.match-formation__substitutes-team .match-formation__rating-badge.match-formation__rating-avg { background-color: #ffc107 !important; } /* Yellow for 6.0-6.9 */
.match-formation .match-formation__rating-below-avg,
.match-formation__substitutes-team .match-formation__rating-below-avg,
.match-formation .match-formation__rating-badge.match-formation__rating-below-avg,
.match-formation__substitutes-team .match-formation__rating-badge.match-formation__rating-below-avg { background-color: #ff9800 !important; } /* Orange for 5.0-5.9 */
.match-formation .match-formation__rating-bad,
.match-formation__substitutes-team .match-formation__rating-bad,
.match-formation .match-formation__rating-badge.match-formation__rating-bad,
.match-formation__substitutes-team .match-formation__rating-badge.match-formation__rating-bad { background-color: #f44336 !important; } /* Red for < 5.0 */

/* Best player star badge - Top center */
.match-formation .match-formation__best-player-star,
.match-formation__substitutes-team .match-formation__best-player-star {
	position: absolute !important;
	top: -10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 16px !important;
	height: 16px !important;
	background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%) !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 4px rgba(255, 215, 0, 0.5) !important;
	z-index: 30 !important;
	border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
}

.match-formation .match-formation__best-player-star svg,
.match-formation__substitutes-team .match-formation__best-player-star svg {
	width: 9px !important;
	height: 9px !important;
}

.match-formation .match-formation__best-player-star svg,
.match-formation .match-formation__best-player-star svg path,
.match-formation__substitutes-team .match-formation__best-player-star svg,
.match-formation__substitutes-team .match-formation__best-player-star svg path {
	fill: #000 !important;
	color: #000 !important;
}

/* Captain indicator - Before player number */
.match-formation .match-formation__captain-indicator,
.match-formation__substitutes-team .match-formation__captain-indicator {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 14px !important;
	height: 14px !important;
	margin-right: 4px !important;
	vertical-align: middle !important;
}

.match-formation .match-formation__captain-indicator svg,
.match-formation__substitutes-team .match-formation__captain-indicator svg {
	width: 14px !important;
	height: 14px !important;
}

.match-formation .match-formation__captain-indicator svg,
.match-formation .match-formation__captain-indicator svg path,
.match-formation__substitutes-team .match-formation__captain-indicator svg,
.match-formation__substitutes-team .match-formation__captain-indicator svg path {
	fill: #ff6b00 !important;
	color: #ff6b00 !important;
}

/* Events (Card) - Left of photo */
.match-formation .match-formation__event-badge,
.match-formation__substitutes-team .match-formation__event-badge {
	top: 50% !important;
	left: -24px !important;
	transform: translateY(-50%) !important;
	width: 18px !important;
	height: 18px !important;
	background: transparent !important;
	border-radius: 50% !important;
	font-size: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	bottom: auto !important;
	right: auto !important;
	border: none !important;
}

/* Goal badge - dark background for visibility */
.match-formation .match-formation__event-badge--goal,
.match-formation__substitutes-team .match-formation__event-badge--goal {
	background: #ffffffb3 !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.match-formation .match-formation__event-badge svg,
.match-formation__substitutes-team .match-formation__event-badge svg {
	width: 16px !important;
	height: 16px !important;
	margin: 2px !important;
}

/* Make goal icon white/light for visibility on dark background */
.match-formation .match-formation__event-badge--goal svg,
.match-formation .match-formation__event-badge--goal svg *,
.match-formation .match-formation__event-badge--goal svg use,
.match-formation__substitutes-team .match-formation__event-badge--goal svg,
.match-formation__substitutes-team .match-formation__event-badge--goal svg *,
.match-formation__substitutes-team .match-formation__event-badge--goal svg use {
	fill: #000000 !important;
	color: #000000 !important;
	stroke: #000000 !important;
}

/* Card badge - left of photo, no background, just yellow/red icon, no shadow */
.match-formation .match-formation__event-badge--card,
.match-formation__substitutes-team .match-formation__event-badge--card {
	top: 50% !important;
	left: -10px !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	bottom: auto !important;
	right: auto !important;
}

.match-formation .match-formation__event-badge--card svg,
.match-formation .match-formation__event-badge--card svg *,
.match-formation .match-formation__event-badge--card svg use,
.match-formation__substitutes-team .match-formation__event-badge--card svg,
.match-formation__substitutes-team .match-formation__event-badge--card svg *,
.match-formation__substitutes-team .match-formation__event-badge--card svg use {
	fill: #ffc107 !important;
	color: #ffc107 !important;
	stroke: #ffc107 !important;
}

/* Multiple goal badges - Bottom right, from center to right, overlapping by half (9px each) */
.match-formation .match-formation__event-badge--goal,
.match-formation__substitutes-team .match-formation__event-badge--goal {
	top: auto !important;
	left: auto !important;
	bottom: -10px !important;
	right: auto !important;
	width: 18px !important;
	height: 18px !important;
	background: rgba(255, 255, 255, 0.7) !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	z-index: 21 !important;
}

.match-formation .match-formation__event-badge--goal-0 {
	bottom: -10px !important;
	right: 0px !important;
	z-index: 21 !important;
}

.match-formation .match-formation__event-badge--goal-1 {
	bottom: -10px !important;
	right: -9px !important;
	z-index: 22 !important;
}

.match-formation .match-formation__event-badge--goal-2 {
	bottom: -10px !important;
	right: -18px !important;
	z-index: 23 !important;
}

.match-formation .match-formation__event-badge--goal-3 {
	bottom: -10px !important;
	right: -27px !important;
	z-index: 24 !important;
}

.match-formation .match-formation__event-badge--goal-4 {
	bottom: -10px !important;
	right: -36px !important;
	z-index: 25 !important;
}

.match-formation .match-formation__event-badge--goal-5 {
	bottom: -10px !important;
	right: -45px !important;
	z-index: 26 !important;
}

/* Assist badges - Bottom left, from center to left, overlapping by half (9px each) */
.match-formation .match-formation__event-badge--assist,
.match-formation__substitutes-team .match-formation__event-badge--assist {
	top: auto !important;
	right: auto !important;
	bottom: -10px !important;
	left: auto !important;
	width: 18px !important;
	height: 18px !important;
	background: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid rgba(0, 0, 0, 0.3) !important;
	z-index: 21 !important;
}

.match-formation .match-formation__event-badge--assist-0 {
	bottom: -10px !important;
	left: 0px !important;
	z-index: 21 !important;
}

.match-formation .match-formation__event-badge--assist-1 {
	bottom: -10px !important;
	left: -9px !important;
	z-index: 22 !important;
}

.match-formation .match-formation__event-badge--assist-2 {
	bottom: -10px !important;
	left: -18px !important;
	z-index: 23 !important;
}

.match-formation .match-formation__event-badge--assist-3 {
	bottom: -10px !important;
	left: -27px !important;
	z-index: 24 !important;
}

.match-formation .match-formation__event-badge--assist-4 {
	bottom: -10px !important;
	left: -36px !important;
	z-index: 25 !important;
}

.match-formation .match-formation__event-badge--assist-5 {
	bottom: -10px !important;
	left: -45px !important;
	z-index: 26 !important;
}

.match-formation .match-formation__event-badge--assist svg,
.match-formation__substitutes-team .match-formation__event-badge--assist svg {
	width: 16px !important;
	height: 16px !important;
	margin: 2px !important;
}

.match-formation .match-formation__event-badge--assist svg,
.match-formation .match-formation__event-badge--assist svg *,
.match-formation .match-formation__event-badge--assist svg use,
.match-formation__substitutes-team .match-formation__event-badge--assist svg,
.match-formation__substitutes-team .match-formation__event-badge--assist svg *,
.match-formation__substitutes-team .match-formation__event-badge--assist svg use {
	fill: #000 !important;
	color: #000 !important;
	stroke: #000 !important;
}
.icon__ball.icon__ball--own.icon--lineups.icon__ball--own *{
	fill: #9c3030 !important;
	color: #9c3030 !important;
	stroke: #9c3030 !important;
}
/* Substitutions - Top left with minute above icon */
.match-formation .match-formation__sub-badge,
.match-formation__substitutes-team .match-formation__sub-badge {
	top: -6px !important;
	left: -4px !important;
	width: 18px !important;
	height: 18px !important;
	background: rgba(255, 255, 255, 0.7) !important;
	border: none !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	bottom: auto !important;
	right: auto !important;
	box-shadow: none !important;
}

.match-formation .match-formation__sub-badge svg,
.match-formation__substitutes-team .match-formation__sub-badge svg {
	width: 11px !important;
	height: 10px !important;
	fill: #333 !important;
	flex-shrink: 0 !important;
	margin-top: -2px;
	margin-left: 3px;
}

.match-formation .match-formation__sub-minute,
.match-formation__substitutes-team .match-formation__sub-minute {
	position: absolute !important;
	top: -12px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	font-size: 8px !important;
	font-weight: 600 !important;
	color: #fff !important;
	line-height: 1 !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
	white-space: nowrap !important;
}

/* PLAYER INFO (Name and Number) */
.match-formation .match-formation__player-info,
.match-formation__substitutes-team .match-formation__player-info {
	padding-top: 5px !important;
	border-radius: 10px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 60px !important;
	z-index: 2 !important;
	position: relative !important;
	margin: 0 auto !important;
	width: auto !important;
	gap: 2px !important;
}

.match-formation .match-formation__player-info .match-formation__player-name,
.match-formation__substitutes-team .match-formation__player-info .match-formation__player-name {
	font-size: 10px !important;
	font-weight: 500 !important;
	color: #fff !important;
	white-space: nowrap !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
	display: inline !important;
	line-height: 1.2 !important;
	padding: 0 !important;
	text-align: center !important;
}

.match-formation .match-formation__player-info .match-formation__player-number,
.match-formation__substitutes-team .match-formation__player-info .match-formation__player-number {
	font-size: 9px !important;
	font-weight: 700 !important;
	color: #fff !important;
	opacity: 1 !important;
	display: block !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	text-align: center !important;
}

/* Hide old elements */
.match-formation .match-formation__player_shirt .anwpfl-icon--shirt {
	display: none !important;
}

.match-formation .match-formation__player_shirt--has-photo .anwpfl-icon--shirt {
	display: none !important;
}

/* Hide old event and rating elements */
.match-formation .match-formation__player-goals,
.match-formation .match-formation__player-cards,
.match-formation .match-formation__player-subs,
.match-formation .match__player-rating {
	display: none !important;
}

/* Override plugin styles for player shirt */
.match-formation .match-formation__player .match-formation__player_shirt {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}

/* Override plugin styles for player container */
.match-formation .match-formation__player {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Tooltip */
.match-formation .match-formation__player-unit[data-tooltip]:hover::after,
.match-formation__substitutes-team .match-formation__player-unit[data-tooltip]:hover::after {
	content: attr(data-tooltip) !important;
	position: absolute !important;
	bottom: 100% !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background: rgba(0,0,0,0.9) !important;
	color: #fff !important;
	padding: 6px 10px !important;
	border-radius: 4px !important;
	font-size: 11px !important;
	white-space: nowrap !important;
	margin-bottom: 5px !important;
	z-index: 1000 !important;
	pointer-events: none !important;
}

/* --- MOBILE RESPONSIVE STYLES --- */
@media (max-width: 768px) {
	/* Summary Bar - Mobile */
	.match-formation__summary-bar {
		flex-direction: row !important;
		gap: 12px !important;
		padding: 15px !important;
	}

	.match-formation__summary-team {
		width: 100% !important;
		justify-content: space-between !important;
	}



	.match-formation__summary-team-info {
		/* display: flex !important;
		flex-direction: column !important; */
		align-items: flex-start !important;
		gap: 6px !important;
		flex: 1 !important;
	}

	.match-formation__summary-team-name-row {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
	}

	.match-formation__summary-team--away .match-formation__summary-team-info {
		flex-direction: row-reverse;
	}

	.match-formation__summary-team--away .match-formation__summary-team-name-row {
		justify-content: flex-end !important;
	}

	.match-formation__summary-logo {
		width: 28px !important;
		height: 28px !important;
	}

	.match-formation__summary-rating {
		font-size: 16px !important;
		min-width: 35px !important;
		padding: 0 10px !important;
	}

	.match-formation__summary-team-name {
		font-size: 14px !important;
	}

	.match-formation__summary-formation {
		font-size: 12px !important;
		padding: 3px 8px !important;
	}

	/* Coaches Section - Mobile */
	.match-formation__coaches {
		padding: 12px 15px !important;
	}

	.match-formation__coaches-content {
		gap: 15px !important;
	}

	.match-formation__coaches-team {
		width: 100% !important;
		justify-content: center !important;
	}

	.match-formation__coaches-team--away {
		justify-content: center !important;
	}

	.match-formation__coaches-team--away .match-formation__coach {
		flex-direction: row !important;
	}

	.match-formation__coaches-team--away .match-formation__coach-info {
		flex-direction: row !important;
	}

	.match-formation__coach {
		justify-content: center !important;
	}

	.match-formation__coach-photo {
		width: 35px !important;
		height: 35px !important;
	}

	.match-formation__coach-name {
		font-size: 14px !important;
	}

	/* Substitutes Section - Mobile */
	.match-formation__substitutes {
		padding: 15px !important;
	}

	.match-formation__substitutes-content {
		flex-direction: column !important;
		gap: 20px !important;
	}

	.match-formation__substitutes-team {
		width: 100% !important;
		justify-content: center !important;
	}

	.match-formation__substitutes-team--home {
		justify-content: center !important;
	}

	.match-formation__substitutes-team--away {
		justify-content: center !important;
	}
}

@media (max-width: 480px) {
	/* Extra small screens */
	.match-formation__summary-bar {
		padding: 12px !important;
	}

	.match-formation__summary-logo {
		width: 24px !important;
		height: 24px !important;
	}

	.match-formation__summary-rating {
		font-size: 14px !important;
		min-width: 30px !important;
		padding: 0 8px !important;
	}

	.match-formation__summary-team-name {
		display: none !important;
	}

	.match-formation__summary-formation {
		font-size: 11px !important;
		padding: 2px 6px !important;
	}

	.match-formation__coaches {
		padding: 10px 12px !important;
	}

	.match-formation__coach-photo {
		width: 30px !important;
		height: 30px !important;
	}

	.match-formation__coach-name {
		font-size: 13px !important;
	}

	.match-formation__substitutes {
		padding: 12px !important;
	}

	.match-formation__substitutes-team {
		gap: 10px !important;
	}
}