/* Общие стили для ссылок */
.date-link {
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff; /* Белый фон */
  border: 1px solid #c7d1df; /* Светло-серые границы */
  padding: 8px 12px;
  margin: 4px;
  cursor: pointer;
  border-radius: 4px;
  text-decoration: none; /* Убираем подчеркивание */
  color: #000000; /* Чёрный текст */
  display: inline-block;
  vertical-align: top; /* Выравнивание по верху */
  line-height: 1.2; /* Регулируем высоту строк */
  min-width: 80px; /* Минимальная ширина для каждой даты */
  transition: background-color 0.3s ease; /* Плавный переход цвета фона */
}

.time-slot-link {
    font-size: 16px;
    font-weight: 500;
    background-color: #1267b7;
    border: 1px solid #1267b7;
    padding: 8px 12px;
    margin: 4px;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
    min-width: 80px;
    transition: background-color 0.3s ease;}

span.weekday-part {
    font-weight: 400;
    font-size: 13px;
}

.anot {
    font-size: 12px !important;
    line-height: 1.2;
    color: #9f9f9f;
    font-weight: 300;
}

.titzap {
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 13px;
}

.pad0 {
    padding: 0 4px !important;
}

/* Изменение фона при наведении */
.date-link:hover, .time-slot-link:hover {
  background-color: #f5f5f5; /* Светло-серый фон при наведении */
  border: 1px solid #c7d1df; /* Светло-серые границы */
  color: #000000; /* Текст остаётся чёрным */
}

/* Ссылки после щелчка (неактивное состояние) */
.date-link:active, .time-slot-link:active {
  background-color: #ffffff; /* Белый фон */
  border-color: #cccccc; /* Границы остаются светло-серыми */
  color: #000000; /* Текст остаётся чёрным */
}

/* Активные ссылки */
.date-link.selected, .time-slot-link.selected {
  background-color: #ecf1fb;
  border: 1px solid #1267b7;
  color: #1267b7;
}

/* Стиль для выходных дней (субботы и воскресенья) */
.date-link.saturday {
  background-color: #f7fbff;
  border-color: #d6f3ee;
}

.date-link.sunday {
  background-color: #f7fbff;
  border-color: #d6f3ee;
}

/* Для выбранных выходных дней */
.date-link.saturday.selected,
.date-link.sunday.selected {
  background-color: #ecf1fb;
  border: 1px solid #337ab7;
  color: #337ab7;
}

div .time-slot-scroll-container {
    margin-bottom: 14px;
}

/* Горизонтальная прокрутка для дат */
.date-scroll-container {
  overflow-x: auto; /* Включаем горизонтальную прокрутку */
  white-space: nowrap; /* Отключаем перенос строк */
  width: 100%; /* Ширина контейнера */
  padding: 0 0 7px 0; /* Отступы внутри контейнера */
  border: none; /* Убираем границу */
  background-color: transparent; /* Прозрачный фон */
  scrollbar-width: none; /* Скрываем бегунок (для Firefox) */
  -ms-overflow-style: none; /* Скрываем бегунок для IE/Edge */
}

/* Для всех браузеров: скрываем бегунок */
.date-scroll-container::-webkit-scrollbar {
  display: none; /* Скрываем бегунок для WebKit (Chrome, Safari) */
}

/* Убираем выделение текста */
.date-scroll-container, .date-scroll-container * {
  user-select: none; /* Отключаем выделение текста */
  -webkit-user-select: none; /* Для Chrome/Safari */
  -moz-user-select: none; /* Для Firefox */
  -ms-user-select: none; /* Для IE/Edge */
}