/* Key dates page — FullCalendar tweaks + layout */
.keydates-page .keydates-next-when {
  font-size: 1.05rem;
}

.keydates-cal-wrap #keydates-calendar {
  min-height: 420px;
}

.keydates-view-toggle .btn.keydates-view-btn.active {
  background-color: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.keydates-cal-wrap .fc-timegrid-body {
  min-height: 320px;
}

.keydates-cal-wrap .fc {
  --fc-border-color: var(--grey-200);
  --fc-today-bg-color: rgba(13, 148, 136, 0.08);
  --fc-button-bg-color: var(--brand);
  --fc-button-border-color: var(--brand);
  --fc-button-hover-bg-color: var(--brand-bright);
  --fc-button-hover-border-color: var(--brand-bright);
  --fc-button-active-bg-color: var(--brand-bright);
  --fc-button-active-border-color: var(--brand-bright);
  --fc-event-bg-color: var(--amber);
  --fc-event-border-color: #B45309;
  font-size: 0.9rem;
}

.keydates-cal-wrap .fc .fc-toolbar-title {
  font-size: 1.1rem;
  font-family: var(--font-serif);
  color: var(--navy);
}

.keydates-cal-wrap .fc .fc-daygrid-day-number {
  padding: 4px 6px;
  font-size: 0.85rem;
}

.keydates-cal-wrap .fc .fc-event {
  cursor: pointer;
  border-radius: 4px;
  font-size: 0.75rem;
}

@media (max-width: 576px) {
  .keydates-cal-wrap .fc .fc-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .keydates-cal-wrap .fc .fc-toolbar-chunk {
    display: flex;
    justify-content: center;
  }

  .keydates-cal-wrap #keydates-calendar {
    min-height: 360px;
  }
}