/* calendar.css */

/* Контейнер календаря — минимальная высота и базовые стили */
#calendar {
  box-sizing: border-box; /* учитываем паддинги/границы в ширине */
  max-width: 1200px;        /* либо пиксели либо проценты */
  margin: 0 auto;         /* центрирование */
  margin-block: clamp(20px, 5vw, 60px); /* адаптивный отступ сверху и снизу */
  font-family: Inter, Arial, sans-serif; /* шрифт */
  min-height: 520px;      /* минимальная высота блока */
}

/* Стили кнопок панели календаря */
.fc-button {
  color: #222 !important;
  background: #f3f3f3 !important;
  border: none !important;
  font-weight: 500 !important;
}
.fc-button:hover {
  background: #e6e6e6 !important;
}

/* Заголовок панели */
.fc-toolbar-title {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
}

/* События в календаре */
.fc-event {
  border-radius: 6px !important;
  padding: 3px 6px !important;
  font-size: 13px !important;
}

/* Индикатор текущего времени — линия */
.fc-timegrid-now-indicator-line,
.custom-now-line {
  z-index: 50 !important;              /* поверх событий */
  pointer-events: none !important;     /* не мешает кликам */
  background-color: #ea4335 !important; /* красный цвет */
  height: 2px !important;              /* толщина */
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

/* Индикатор текущего времени — кружок */
.fc-timegrid-now-indicator-arrow,
.custom-now-dot {
  z-index: 51 !important;
  pointer-events: none !important;
  background: #ea4335 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  width: 10px !important;
  height: 10px !important;
  position: absolute !important;
  left: -6px !important;
}

/* Формат временнЫх меток */
.fc-timegrid-slot-label-cushion {
  font-size: 12px !important;
}

/* кнопки интерфейса */
.fc-button-primary {
        background-color: #f1f3f4 !important;
        color: #202124 !important;
        border: none !important;
        text-transform: none !important;
        font-weight: 500;
      }

.fc-toolbar-title {
        font-size: 18px;
        font-weight: 600;
      }
	  
/* Адаптивные стили для мобильных устройств */
@media (max-width: 700px) {
  .fc-toolbar-title { font-size: 0.95rem !important; }
  .fc-button { padding: 6px 10px !important; font-size: 16px !important; }
  .fc-event { font-size: 12px !important; }
}

/* Обеспечиваем, что линия не обрезается */
.fc-timegrid-body,
.fc-timegrid-slots {
  overflow: visible !important;
}