.fc-col-header {
  background-color: var(--color-surface-sunken);
}
.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid {
  border: none;
}
.fc-theme-standard th {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: var(--color-surface-sunken);
  color: var(--color-slate-500);
  border-radius: 8px;
}
.fc-daygrid-day-number {
  width: 100% !important;
  text-align: center !important;
}
.fc .fc-daygrid-day-top {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fc .fc-daygrid-day {
  height: 20px !important; /* Установите желаемую высоту */
}
.fc .fc-daygrid-day:hover {
  cursor: pointer;
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: white;
  border-radius: 5px;
}
.fc .fc-daygrid-day.selected-date {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: white;
  border-radius: 5px;
}
.fc .fc-daygrid-day.selected-date:hover {
  background-color: var(--color-accent-strong); /* Немного темнее при наведении на активную дату */
}
.fc .fc-daygrid-day.selected-date .fc-daygrid-day-number {
  color: white;
}

/* Уменьшаем область событий до минимума */
.fc .fc-daygrid-day-events {
  min-height: 0 !important;
  /*height: 5px !important;*/
  margin: 0 !important;
}
/* Убираем дополнительные отступы */
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  position: relative !important;
  padding: 0 !important;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: .5em;
}
.fc .fc-button-primary {
  background-color: var(--color-surface-sunken);
  border-color:  var(--color-soft);
  color: var(--color-slate-500);
}
.fc .fc-button {
  padding: 0.2em 0.35em;
}
.fc .fc-button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.fc .fc-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.fc .fc-button:hover {
  background-color: var(--color-accent);
  border-color:  var(--color-accent);
  color: white;
}
.fc-toolbar-title {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  text-transform: capitalize;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: var(--color-accent);
  color: white;
  border-radius: 5px;
}
/* Стили для контейнера дня */
.fc .fc-daygrid-day-top {
  flex-direction: row !important;
  justify-content: center;
  padding-top: 5px;
}
/* Стили для числа */
.fc .fc-daygrid-day-number {
  position: relative;
  padding-right: 1px !important; /* Оставляем место для значка */
}
/* Стили для значка с количеством событий */
.event-count-badge {
  position: absolute;
  top: 0;
  right: 8px;
  background-color: var(--color-accent);
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border: 1px solid white;
}

.events-list {
  list-style: circle;
  list-style-position: inside;
  padding-left: 0;
}
.events-list li {
  margin-bottom: 8px;
  line-height: 1.4;
}
.case-number {
  color: var(--color-accent);
  text-decoration: underline;
}

@media (max-width: 768px) {
  .fc-toolbar-title {
    font-size: 1rem !important;
  }
}

.fc {
  /*// Стили для праздничных дней*/
  .holiday-cell {
    background-color: var(--color-status-canceled-soft);
    color: var(--color-status-canceled);
    font-weight: bold;
  }

  .holiday-event {
    background-color: var(--color-status-canceled-soft);
    border: none;
    color: var(--color-status-canceled);
    padding: 2px 4px;

    .holiday-title {
      font-weight: 500;
    }

    .holiday-description {
      font-size: 0.8em;
      color: var(--color-muted);
    }
  }

  .holiday-transfer-event {
    background-color: var(--color-soft);
    border: 1px dashed var(--color-line-strong);
    color: var(--color-muted-gray);

    .holiday-title {
      font-style: italic;
    }
  }

  /*// Существующие стили для дедлайнов*/
  .deadline-event {
    background-color: var(--color-info-soft);
    border-color: var(--color-info);
    color: var(--color-info);
  }
}

/*// Стили для списка событий дня*/
#day-events-list {
  .holiday {
    color: var(--color-status-canceled);
    margin: 4px 0;
    padding: 4px;
    background-color: var(--color-status-canceled-soft);
    border-radius: 4px;
  }

  .holiday-transfer {
    color: var(--color-muted-gray);
    margin: 4px 0;
    padding: 4px;
    background-color: var(--color-soft);
    border: 1px dashed var(--color-line-strong);
    border-radius: 4px;
  }
}

/*!* Обновляем стили для выходных дней *!*/
.weekend-cell:not(.holiday-cell[data-working-day="true"]) {
  color: var(--color-danger-500) !important; /* Красный цвет текста как у праздников */
}

/*!* Выходной день при наведении *!*/
.weekend-cell:not(.holiday-cell[data-working-day="true"]):hover {
  background-color: var(--color-accent) !important; /* Сохраняем ваш цвет при наведении */
  color: white !important;
}

/* Рабочий праздничный день */
.holiday-cell.working-day {
  background-color: transparent !important;
  color: black !important;
  font-weight: normal !important;
}

/* Сегодняшний день, если он выходной */
.fc .fc-daygrid-day.fc-day-today.weekend-cell {
  background-color: var(--color-accent) !important;
  color: white !important;
}

/* Убедимся, что при наведении на рабочий праздничный день
   используются стандартные эффекты наведения */
.holiday-cell.working-day:hover {
  background-color: var(--color-accent) !important;
  color: white !important;
}

/* Для выбранного рабочего праздничного дня */
.holiday-cell.working-day.selected-date {
  background-color: var(--color-accent) !important;
  color: white !important;
}
