:root {
  --fc-event-bg-color: var(--color-white);
  --fc-event-text-color: var(--color-black);
  --fc-event-border-color: var(--color-green);
  --fc-today-bg-color: var(--color-green-lighter);
}

.fc-toolbar {
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

/* Move title above controls */
.fc-center {
  order: -1;
  width: 100%;
}

/* Reset global table margin bottom */
.fc-view-container table {
  margin-bottom: 0;
}

/* Remove border inside date */
.fc-content-skeleton tbody {
  border: none;
}

/* Prevent scrolling mobile view. */
.fc-scroller {
  height: 100% !important;
}

/* Adjustment needed for wrapping long event labels */
/* https://www.drupal.org/project/fullcalendar/issues/3576095#comment-16488612 */
a.fc-daygrid-dot-event {
  display: block;
  /*flex-wrap: wrap;*/
  white-space: wrap;
  --link-text-decoration-line: none;
  /* Align dot for wrapped label */
  align-items: baseline;
  .fc-daygrid-event-dot {
    position: absolute;
    margin-top: 6px;

    & + :is(.fc-event-time, .fc-event-title) {
      padding-left: 1rem;
    }
  }
  .fc-event-time {
    display: inline-block;
  }
  .fc-event-title {
    display: inline;
  }
}