/*
 * Varianty pozadí sekce se zápasy a novinkami na homepage.
 *
 * Pozadí vychází z nové grafiky 2026 - stejné barvy a vzory, jaké kreslí generátor šablon
 * v administraci (www/js/template-themes.js + www/js/template-decor.js), v plné sytosti.
 * Obrázky vyrábí tools/generate-graphics.js do www/images/sections/.
 *
 * Varianty 1, 2 a 4 jsou tmavě modré, proto si dobarvují text widgetu s nejbližším zápasem
 * (widget je průhledný a v motivu webu má tmavý text). Varianta 3 je žlutá, tam tmavý text
 * zůstává a přidává se jen světlá podložka.
 *
 * Použití v šabloně: místo
 *     <section class="wf100 p80 sports-news-alternate">
 * se napíše varianta, kterou chceme vyzkoušet
 *     <section class="wf100 p80 sports-news-alternate-var1">
 * Varianty jsou samostatné - vnitřní styly boxů si nesou s sebou, původní třída tedy
 * zůstat nemusí.
 *
 * var1 = 2026 varianta 1 (šikmé pruhy a rastr)
 * var2 = 2026 varianta 2 (síť šestiúhelníků)
 * var3 = 2026 varianta 3 (žluté tahy štětcem)
 * var4 = 2026 varianta 4 (široké šikmé pruhy)
 */

.sports-news-alternate-var1 {
	background: url(../images/sections/sports-news-var1.jpg?v=2026-08-17) no-repeat center;
	background-size: cover;
}

.sports-news-alternate-var2 {
	background: url(../images/sections/sports-news-var2.jpg?v=2026-08-17) no-repeat center;
	background-size: cover;
}

.sports-news-alternate-var3 {
	background: url(../images/sections/sports-news-var3.jpg?v=2026-08-17) no-repeat center;
	background-size: cover;
}

.sports-news-alternate-var4 {
	background: url(../images/sections/sports-news-var4.jpg?v=2026-08-17) no-repeat center;
	background-size: cover;
}

/* Tmavé varianty - widget nejbližšího zápasu je průhledný, takže by se v něm tmavý text
   ztratil. Dostane proto světlou podložku jako panely v grafice a bílé písmo. */
.sports-news-alternate-var1 .next-match-widget .nmw-wrap,
.sports-news-alternate-var2 .next-match-widget .nmw-wrap,
.sports-news-alternate-var4 .next-match-widget .nmw-wrap {
	background: rgba(255,255,255,.08);
	border-color: rgba(255,255,255,.22);
}

.sports-news-alternate-var1 .match-teams-vs li.team-logo strong,
.sports-news-alternate-var2 .match-teams-vs li.team-logo strong,
.sports-news-alternate-var4 .match-teams-vs li.team-logo strong,
.sports-news-alternate-var1 .countdown-amount,
.sports-news-alternate-var2 .countdown-amount,
.sports-news-alternate-var4 .countdown-amount {
	color: #ffffff;
}

.sports-news-alternate-var1 .nmw-txt li,
.sports-news-alternate-var2 .nmw-txt li,
.sports-news-alternate-var4 .nmw-txt li,
.sports-news-alternate-var1 .countdown-period,
.sports-news-alternate-var2 .countdown-period,
.sports-news-alternate-var4 .countdown-period {
	color: rgba(255,255,255,.82);
}

.sports-news-alternate-var1 .next-match-widget .is-countdown,
.sports-news-alternate-var2 .next-match-widget .is-countdown,
.sports-news-alternate-var4 .next-match-widget .is-countdown {
	border-top-color: rgba(255,255,255,.22);
	border-bottom-color: rgba(255,255,255,.22);
}

/* Světlá varianta - žluté pozadí by pod widgetem překřičelo obsah, podloží se bílou */
.sports-news-alternate-var3 .next-match-widget .nmw-wrap {
	background: rgba(255,255,255,.72);
	border-color: rgba(10,23,48,.18);
}

/* Vnitřní styly sekce - převzaté z .sports-news-alternate v tiger-template/Dummy/css/custom.css,
   aby varianta fungovala i bez původní třídy */
.sports-news-alternate-var1 .news-list-post,
.sports-news-alternate-var2 .news-list-post,
.sports-news-alternate-var3 .news-list-post,
.sports-news-alternate-var4 .news-list-post {
	margin: 0 0 30px;
}

.sports-news-alternate-var1 .news-list-post .post-txt,
.sports-news-alternate-var2 .news-list-post .post-txt,
.sports-news-alternate-var3 .news-list-post .post-txt,
.sports-news-alternate-var4 .news-list-post .post-txt {
	padding: 30px;
	width: 52%;
}

.sports-news-alternate-var1 .news-list-post .post-thumb,
.sports-news-alternate-var2 .news-list-post .post-thumb,
.sports-news-alternate-var3 .news-list-post .post-thumb,
.sports-news-alternate-var4 .news-list-post .post-thumb {
	width: 48%;
}

.sports-news-alternate-var1 .news-box,
.sports-news-alternate-var2 .news-box,
.sports-news-alternate-var3 .news-box,
.sports-news-alternate-var4 .news-box {
	box-shadow: 0 5px 15px rgba(0,0,0,.07);
}

.sports-news-alternate-var1 .news-meta li,
.sports-news-alternate-var2 .news-meta li,
.sports-news-alternate-var3 .news-meta li,
.sports-news-alternate-var4 .news-meta li {
	font-size: 14px;
}

.sports-news-alternate-var1 .news-box .news-txt,
.sports-news-alternate-var2 .news-box .news-txt,
.sports-news-alternate-var3 .news-box .news-txt,
.sports-news-alternate-var4 .news-box .news-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
}

.sports-news-alternate-var1 .news-box img,
.sports-news-alternate-var2 .news-box img,
.sports-news-alternate-var3 .news-box img,
.sports-news-alternate-var4 .news-box img {
	width: 100%;
	height: auto;
}