:root {
  --fc-button-text-color: hsl(0 0% min(100%, calc((var(--color-main-l) - 50%) * -10000000)));
  --fc-button-bg-color: var(--color-main);
  --fc-button-border-color: var(--color-main);
  --fc-button-active-bg-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.7) / var(--color-alpha));
  --fc-button-active-border-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.7) / var(--color-alpha));
  --fc-button-hover-bg-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.85) / var(--color-alpha));
  --fc-button-hover-border-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.85) / var(--color-alpha));
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  min-width: 1.875rem;
}

/* Hide scrollbar in week/day views while keeping scroll functionality */
.fc .fc-scroller::-webkit-scrollbar {
  display: none;
}

.fc .fc-scroller {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}