/* Kalendarovy pohled na zapasy - /calendar.html */

.sodopo-calendar-title {
	text-transform: capitalize;
}

.sodopo-calendar {
	background: #ffffff;
	border: 1px solid #d8dde3;
	border-radius: .5rem;
	overflow: hidden;
}

.sodopo-calendar-head,
.sodopo-calendar-week {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.sodopo-calendar-head > div {
	padding: .45rem .5rem;
	background: #f1f3f6;
	border-bottom: 1px solid #d8dde3;
	border-right: 1px solid #e6e9ee;
	color: #5a6470;
	font-size: .85rem;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.sodopo-calendar-head > div:last-child {
	border-right: 0;
}

.sodopo-calendar-day {
	min-height: 7.5rem;
	padding: .3rem;
	border-top: 1px solid #e6e9ee;
	border-right: 1px solid #e6e9ee;
	overflow: hidden;
}

.sodopo-calendar-day:nth-child(7n) {
	border-right: 0;
}

.sodopo-calendar-week:first-child .sodopo-calendar-day {
	border-top: 0;
}

/* dny ze sousednich mesicu */
.sodopo-calendar-out {
	background: #f7f8fa;
}

.sodopo-calendar-out .sodopo-calendar-daynum {
	color: #aab1ba;
}

.sodopo-calendar-daynum {
	margin-bottom: .25rem;
	color: #5a6470;
	font-size: .85rem;
	font-weight: 600;
}

.sodopo-calendar-daynum-long {
	display: none;
}

.sodopo-calendar-today {
	box-shadow: inset 0 0 0 2px #0d6efd;
}

.sodopo-calendar-today .sodopo-calendar-daynum-short {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: #0d6efd;
	border-radius: 50%;
	color: #ffffff;
	line-height: 1.5rem;
	text-align: center;
}

/* zapas v okenku dne */
.sodopo-calendar-game {
	display: block;
	margin-bottom: .2rem;
	padding: .2rem .35rem;
	border-radius: .25rem;
	font-size: .75rem;
	line-height: 1.3;
	text-decoration: none;
}

.sodopo-calendar-game:hover {
	filter: brightness(1.15);
	text-decoration: none;
}

.sodopo-calendar-game span {
	color: inherit;
}

.sodopo-calendar-win {
	border-left: 3px solid rgba(255, 255, 255, .85);
}

.sodopo-calendar-loss {
	border-left: 3px solid rgba(0, 0, 0, .35);
}

.sodopo-calendar-time {
	margin-right: .25rem;
	font-weight: 700;
}

.sodopo-calendar-team {
	font-weight: 600;
}

.sodopo-calendar-score {
	float: right;
	font-weight: 700;
}

.sodopo-calendar-opponent {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ikonka domaciho zapasu */
.sodopo-calendar-opponent .fa-home {
	margin-right: .15rem;
	opacity: .85;
}

/* filtr druzstev a zapasu */
.sodopo-calendar-filter-label {
	margin-bottom: .35rem;
	color: #5a6470;
	font-size: .85rem;
	font-weight: 600;
}

.sodopo-calendar-chips {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	align-items: center;
}

/* barva druzstva se projevi az u zaskrtnuteho prepinace, odznacene
   zustane jen obtazene - rozliseni je tak patrne i bez barevneho vjemu */
.sodopo-calendar-chip {
	padding: .25rem .7rem;
	background: transparent;
	border: 1px solid var(--chip-bg);
	border-radius: 1rem;
	color: var(--chip-bg);
	font-size: .8rem;
	font-weight: 600;
}

.sodopo-calendar-chip:hover {
	background: var(--chip-bg);
	color: var(--chip-fg);
	opacity: .75;
}

.btn-check:checked + .sodopo-calendar-chip,
.btn-check:active + .sodopo-calendar-chip {
	background: var(--chip-bg);
	border-color: var(--chip-bg);
	color: var(--chip-fg);
	opacity: 1;
}

.btn-check:focus-visible + .sodopo-calendar-chip {
	box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .35);
}

.sodopo-calendar-allteams {
	padding: .25rem .4rem;
	text-decoration: none;
}

/* Na uzkem displeji se mrizka neprecte, prepinam ji proto na seznam dnu,
   ve kterem se nejaky zapas hraje. */
@media (max-width: 767.98px) {
	.sodopo-calendar-head {
		display: none;
	}

	.sodopo-calendar-week {
		grid-template-columns: 1fr;
	}

	.sodopo-calendar-noday,
	.sodopo-calendar-out {
		display: none;
	}

	.sodopo-calendar-day {
		min-height: 0;
		border-right: 0;
	}

	.sodopo-calendar-daynum-short {
		display: none;
	}

	.sodopo-calendar-today .sodopo-calendar-daynum-short {
		display: none;
	}

	.sodopo-calendar-daynum-long {
		display: inline;
		text-transform: capitalize;
	}

	.sodopo-calendar-game {
		font-size: .85rem;
	}
}