/* Custom styles for https://fullcalendar.io/ */

.fc {
	--fc-border-color: transparent;
	--fc-today-bg-color: var(--color-burgundy);
	@media (width < 40rem) {
		--fc-small-font-size: var(--text-xxs);
	}
}

.fc .fc-daygrid-day {
	border: var(--spacing) solid var(--bg-color);
	border-radius: var(--rounded-lg);
	height: calc(20 * var(--spacing));
	@media (width < 40rem) {
		font-size: var(--text-xs);
	}

	&:not(.fc-day-today):has(.fc-event) {
		background-color: white;
	}
}

.fc .fc-daygrid-day.fc-day-today {
	color: white;
}

.fc .fc-daygrid-day-number {
	margin: 0 auto;
}

.fc .fc-daygrid-body {
	z-index: unset;
}

.fc .fc-daygrid-day-bottom {
	text-align: center;
}

.fc .fc-daygrid-event {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: calc(0.5 * var(--spacing));
	margin-top: 0;
	border-radius: var(--rounded);
}

.fc .fc-daygrid-event-harness {
	padding: 0 calc(0.5 * var(--spacing));
}

.fc .fc-more-link {
	@media (width < 40rem) {
		font-size: var(--text-xxs);
	}
}