@keyframes modalSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(.98);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.booking-modal {
  animation: .3s ease-out forwards modalSlideUp;
}

.booking-modal::backdrop {
  backdrop-filter: blur(10px);
}

:root {
  --fc-monarch-highlight: color-mix(in oklab, var(--background) 40%, transparent);

  --fc-monarch-faint-foreground: #B6B6B6;
  --fc-monarch-background: var(--color-close-white);

  --fc-monarch-outline: var(--foreground);

  --fc-monarch-selected: var(--color-dark-green);
  --fc-monarch-selected-foreground: var(--foreground);
  --fc-monarch-selected-over: var(--color-dark-green);
  --fc-monarch-selected-down: var(--color-dark-green);
  
  --fc-event-color: var(--background);
  --fc-event-contrast-color: var(--color-close-white);
}

.fc-monarch-weekly-button {
  background-color: var(--foreground);
  color: var(--color-dark-green);
  border-color: var(--foreground);
}

.fc-monarch-weekly-button:hover {
  background-color: var(--color-dark-green);
  color: var(--foreground);
  border-color: var(--color-dark-green);
}

.fc-monarch-header-toolbar {
  padding-inline: 0;
}

@media (width <=596px) {
  .fc-monarch-header-toolbar {
    justify-content: center;
  }

  .fc-monarch-toolbar-section {
    justify-content: space-between;
    width: 100%;
  }
}