.wDogodkiFilter {
	margin-top: 2em;
}



.wDogodkiFilter .clndr-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1em;
	margin-bottom: 0.5em;
	
	font-size: var(--size1); 
	font-weight: var(--fontBold);
}

.wDogodkiFilter .clndr-grid {
	display: flex;
	gap: 0.3em;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.wDogodkiFilter .clndr-grid .empty {
	display: none;
}

.wDogodkiFilter__clndr {
	text-transform: uppercase;
}

.wDogodkiFilter__clndr .clndr-previous-button .icon {
	transform: rotate(180deg);
}

.wDogodkiFilter__clndr .day {
	width: 2em;
	aspect-ratio: 1;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-weight: 500;
	font-size: 1em;
	border-radius: 50%;
	
	background-color: var(--background, transparent);
}

.wDogodkiFilter__clndr .today {
	border: 2px solid #000;
}










.wDogodki {
	position: relative;
	overflow: hidden;
}

.wDogodki > * {
	z-index: 2;
}

.wDogodki__clndr {
	margin-bottom: 2em;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 28em;
}

.wDogodki__clndr .clndr {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	justify-items: center;
	align-items: center;
}

.wDogodki__clndr .clndr > * {
	grid-column: 1 / -1;
	
	display: grid;
	grid-template-columns: subgrid;
	justify-items: center;
	gap: 0.3em;
}

.wDogodki__clndr .clndr-controls .month {
	grid-column: span 5;
	align-self: center;
}

.wDogodki__clndr .clndr-previous-button .icon {
	transform: rotate(180deg);
}

.wDogodki__clndr .days-header {
	margin-bottom: 2em;
	color: var(--color__gray);
	font-weight: 600;
}

.wDogodki__clndr .header-day {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	
	color: var(--color__gray);
	font-weight: 600;
}

.wDogodki__clndr .month {
	font-weight: 700;
	font-size: var(--size2);
}

.wDogodki__clndr .day {
	width: 2em;
	aspect-ratio: 1;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-weight: 500;
	font-size: 1.1em;
	border-radius: 50%;
	
	background-color: var(--background, transparent);
}

.wDogodki__clndr .today {
	border: 2px solid #fff;
}

.clndr .day.event {
	--background: var(--color__gray);
	
	color: var(--color__text);
	cursor: pointer;
}

	.clndr .day.event--regionalni-razvoj {
		--background: var(--color__green);	
	}

	.clndr .day.event--turizem {
		--background: var(--color__yellow--dark);	
	}

	.clndr .day.event--podjetnistvo {
		--background: var(--color__blue);	
	}

	.clndr .day.event--mpik_as,
	.clndr .day.event--mpik {
		--background: var(--color__greenMpik);	
	}
	
	.clndr .day.event--invest_koroska {
		--background: var(--color__greenInvest);	
	}

	.clndr .day.event--turizem.event--regionalni-razvoj {
		background:
			radial-gradient(
				circle closest-side,
				transparent 100%,
				white 0
			),
			conic-gradient(
				from 45deg,
				var(--color__yellow--dark) 0,
				var(--color__yellow--dark) 50%,
				var(--color__green) 0,
				var(--color__green) 100%
		);	
	}

	.clndr .day.event--podjetnistvo.event--regionalni-razvoj {
		background:
			radial-gradient(
				circle closest-side,
				transparent 100%,
				var(--color__black) 0
			),
			conic-gradient(
				from 45deg,
				var(--color__green) 0,
				var(--color__green) 50%,
				var(--color__blue) 0,
				var(--color__blue) 100%
		);	
	}

	.clndr .day.event--podjetnistvo.event--turizem {
		background:
			radial-gradient(
				circle closest-side,
				transparent 100%,
				var(--color__black) 0
			),
			conic-gradient(
				from 45deg,
				var(--color__yellow--dark) 0,
				var(--color__yellow--dark) 50%,
				var(--color__blue) 0,
				var(--color__blue) 100%
			);	
	}

	.clndr .day.event--podjetnistvo.event--turizem.event--regionalni-razvoj {
		background: 
			radial-gradient(
				circle closest-side,
				transparent 100%,
				white 0
			),
			conic-gradient(
				from 45deg,
				var(--color__blue) 0,
				var(--color__blue) 33%,
				var(--color__green) 0,
				var(--color__green) 66%,
				var(--color__yellow) 0,
				var(--color__yellow) 100%
			);
	}

.wDogodki__info {
	margin-top: 1.5em;
	--flow-space: 0.6em;
}

.wDogodki__info li {
	display: flex;
	align-items: center;
	gap: 1em;
}

.wDogodki__info .icon {
	flex: 0 0 auto;
	color: var(--color__gray);
	font-size: var(--size2);
}

.wDogodki__info--date {
	font-weight: 600;
}

.wDogodki__emblem {
	position: absolute;
	left: calc(var(--wrapper__bodyPadding) * -2);
	top: var(--wrapper__bodyPadding);
	width: 70vw;
	
	opacity: 0.05;
	pointer-events: none;
	z-index: 1;
}

.dateDivider {
	position: relative;
    top: 0.3em;
	width: 2px;
    height: 1.2em;
	
    margin: 0 0.5em;
    display: inline-block;
    background-color: var(--color__gray);
}

@media (max-width: 48em) {	
	.wDogodkiFilter__clndr .clndr-grid {
		max-width: 18em;
		margin-left: auto;
		margin-right: auto;
		
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		justify-items: center;
		align-items: center;
	}
}

@media (min-width: 65em) {
	.wDogodki__clndr {
		grid-column: var(--wrapper__gridOffsetLeft) / span 4;
	}
	
	.wDogodki__clndr + div {
		grid-column: 7 / -1;
	}
	
	.wDogodki__emblem {
		width: 20em;
		top: auto;
		bottom: -4em;
		left: var(--wrapper__bodyPadding);
	}
}

@media (min-width: 100em) {
	.wDogodki__clndr {
		grid-column: var(--wrapper__gridOffsetLeft) / span 3;
	}
}

@media (min-width: 114em) {
	.wDogodkiFilter__clndr .clndr {
		display: flex;
		align-items: center;
		gap: 1em;
	}
	
	.wDogodkiFilter__clndr .clndr-controls {
		margin: 0;
	}
}