/*
 * Grafika výsledku v detailu zápasu.
 *
 * Fotka v hlavičce zápasu je na úzkém displeji nečitelná - text i skóre se ztrácí v obrázku.
 * Pod hranicí 576 px (stejná hranice, jakou má motiv webu) se proto fotka i s duplicitním
 * výpisem skryje a místo ní se vykreslí grafika výsledku ze šablony pro sociální sítě
 * (www/js/match-graphic.js + www/js/match-template.js).
 *
 * Motiv se volí třídou na obalu v šabloně detailu:
 *     match-graphic--club   klubová (výchozí)
 *     match-graphic--var1   2026 varianta 1 (šikmé pruhy a rastr)
 *     match-graphic--var2   2026 varianta 2 (síť šestiúhelníků)
 *     match-graphic--var3   2026 varianta 3 (žluté tahy štětcem)
 *     match-graphic--var4   2026 varianta 4 (široké šikmé pruhy)
 */

.match-graphic {
	display: none;
	width: 100%;
	float: left;
}

.match-graphic canvas {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 575.98px) {
	.match-graphic {
		display: block;
	}

	/* Fotka i původní výpis se schovají, grafika je nese v sobě */
	.match-header {
		background: none;
		padding: 0;
	}

	/* Ztlumená fotka a přejezd světla klubové hlavičky (match-header--club, tiger_custom.css)
	   by pod grafikou jen prosvítaly */
	.match-header--club::before,
	.match-header--club::after {
		display: none;
	}

	.match-header > .container {
		display: none;
	}

	/* Datum a místo zůstávají pod grafikou, na světlém podkladu by bílý text zanikl */
	.match-header .m-date-loc {
		background: #0f1c3a;
	}
}