/* Member Calendar Custom Styles */

.member-calendar .rbc-header {
  padding: 12px 6px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: #422268;
  background-color: #f9f7fc;
  border-bottom: 2px solid #ddd8eb;
}

.member-calendar .rbc-today {
  background-color: #f1eef9;
}

.member-calendar .rbc-off-range-bg {
  background-color: #fafafa;
}

.member-calendar .rbc-event {
  border-radius: 6px;
  padding: 2px 6px;
}

.member-calendar .rbc-event:hover {
  opacity: 0.85;
  cursor: pointer;
}

.member-calendar .rbc-toolbar button {
  color: #664fa3;
  border-color: #ddd8eb;
  font-family: 'Nunito Sans', sans-serif;
  padding: 6px 12px;
  background-color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.member-calendar .rbc-toolbar button:hover {
  background-color: #f1eef9;
  border-color: #664fa3;
}

.member-calendar .rbc-toolbar button:active,
.member-calendar .rbc-toolbar button.rbc-active {
  background-color: #664fa3;
  color: white;
}

.member-calendar .rbc-month-view {
  border: 1px solid #ddd8eb;
  border-radius: 8px;
}

.member-calendar .rbc-day-bg {
  border-color: #ddd8eb;
}

.member-calendar .rbc-date-cell {
  padding: 8px;
  font-family: 'Nunito Sans', sans-serif;
}

/* Ensure toolbar buttons are clickable */
.member-calendar .rbc-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  gap: 12px;
}

.member-calendar .rbc-toolbar button {
  outline: none;
  border: 1px solid #ddd8eb;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}

.member-calendar .rbc-btn-group button {
  margin: 0 2px;
}

.member-calendar .rbc-btn-group button:first-child {
  margin-left: 0;
}

.member-calendar .rbc-btn-group button:last-child {
  margin-right: 0;
}