/* Custom day header style for FullCalendar */
.fc-day-header-custom {
  color: #fff !important;
  background: #2C3E50 !important;
  text-decoration: none !important;
}
.fc-day-header-custom a {
  color: #fff !important;
  text-decoration: none !important;
  pointer-events: auto;
}
/* Dynamic event background colors by status - override all views */

.fc-daygrid-event[data-status="completed"],
.fc-timegrid-event[data-status="completed"],
.fc-v-event[data-status="completed"],
.fc-event[data-status="completed"] .fc-event-main {
  background-color: #198754 !important; /* Bootstrap success */
  color: #fff !important;
}

.fc-daygrid-event[data-status="scheduled"],
.fc-timegrid-event[data-status="scheduled"],
.fc-event[data-status="scheduled"] .fc-event-main {
  background-color: #0d6efd !important; /* Bootstrap primary */
  color: #fff !important;
}

.fc-daygrid-event[data-status="rescheduled"],
.fc-timegrid-event[data-status="rescheduled"],
.fc-event[data-status="rescheduled"] .fc-event-main {
  background-color: #0dcaf0 !important; /* Bootstrap info */
  color: #222 !important;
}

.fc-daygrid-event[data-status="canceled"],
.fc-timegrid-event[data-status="canceled"],
.fc-v-event[data-status="canceled"],
.fc-event[data-status="canceled"] .fc-event-main {
  background-color: #dc3545 !important; /* Bootstrap danger */
  color: #fff !important;
}

.fc-daygrid-event[data-status="unconfirmed"],
.fc-v-event[data-status="unconfirmed"],
.fc-timegrid-event[data-status="unconfirmed"],
.fc-event[data-status="unconfirmed"] .fc-event-main {
  background-color: #ffc107 !important; /* Bootstrap warning */
  color: #222 !important;
}

.fc-list-event-dot[data-status="completed"] {
  border-color: #198754 !important; /* Bootstrap success */
}
.fc-list-event-dot[data-status="scheduled"] {
  border-color: #0d6efd !important; /* Bootstrap primary */
}
.fc-list-event-dot[data-status="rescheduled"] {
  border-color: #0dcaf0 !important; /* Bootstrap info */
}
.fc-list-event-dot[data-status="canceled"] {
  border-color: #dc3545 !important; /* Bootstrap danger */
}
.fc-list-event-dot[data-status="unconfirmed"] {
  border-color: #ffc107 !important; /* Bootstrap warning */
}
/* Custom style for <a> events in FullCalendar: Bootstrap danger background
.fc-event, .fc-daygrid-event, .fc-timegrid-event, .fc-list-event a {
  background-color: #dc3545 !important; /* Bootstrap danger */
  /* color: #fff !important;
  border: none !important;
  border-radius: 0.25rem !important;
} */ 

/* Ensure event title text is readable */
/* .fc-event-title, .fc-daygrid-event .fc-event-title, .fc-list-event-title {
  color: #fff !important;
} */
#calendar {
  width: 100%;
  height: 100%;
  margin-top: 1rem auto;
  }

  /* Change the text color of the day numbers */
  .fc-daygrid-day-number {
    color: black !important;
    text-decoration: none !important;
  }

 /* Split the fc-timegrid-slot into 6 evenly distributed columns with borders */
 .fc-timegrid-slot-lane {
  display: grid;
  grid-template-columns: repeat(6, 1fr) !important; /* Create 6 equal columns */
  /* border-right: 1px solid #ddd !important; */
}

/* Truncate long event titles in month/day grid cells */
.fc-event-title, .fc-daygrid-event .fc-event-title, .fc-daygrid-event .fc-event-title a, .fc-daygrid-event-title {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ensure container doesn’t wrap causing bleed */
.fc-daygrid-event-harness .fc-event, .fc-daygrid-event {
  width: 100%;
}

/* Utility: single-line ellipsis without affecting siblings */
.ellipsis {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Make sure flex frames allow shrinking so ellipsis can take effect */
.fc .fc-event-main-frame {
  min-width: 0 !important;
}

/* Prevent event content from overflowing outside the day cell */
.fc .fc-daygrid-event {
  overflow: hidden;
  white-space: nowrap;
}

/* Ensure the title itself can shrink within available space */
.fc .fc-daygrid-event .fc-event-title,
.fc .fc-daygrid-event .ellipsis {
  width: 100%;
  min-width: 0;
}

/* .fc-list-day{
  color:#2C3E50 !important;
} */