/* Wrapper styling */
#calendar {
  background-color: white;
  border-radius: 0.5rem;
  padding: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 10;
}

nav {
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Gradient header and footer toolbars */
.fc-toolbar.fc-header-toolbar,
.fc-footer-toolbar {
  background: linear-gradient(to right, #4F46E5, #10B981);
  color: white;
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}

/* Title styling */
.fc-toolbar-title {
  font-size: 1.25rem;
  font-weight: 600;
}

/* Navigation buttons */
.fc-button {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: none;
  font-weight: 500;
  padding: 0.4rem 0.75rem;
  border-radius: 0.375rem;
}

/* Event blocks */
.fc-event {
  background-color: #4F46E5;
  color: white;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  padding: 2px 4px;
  border: none;
}

/* Day labels and time grid */
.fc-col-header-cell-cushion,
.fc-timegrid-slot-label-cushion {
  color: #374151; /* Tailwind gray-700 */
  font-weight: 500;
}

/* Today highlight */
.fc-day-today {
  background-color: #EEF2FF; /* Tailwind indigo-50 */
}

/* Scroll handling for longer content */
.fc-scroller-harness,
.fc-timegrid-body {
  overflow-x: auto;
}

.navbar-menu {
  list-style: none;
  padding-left: 0;
}