/* NF STEP105: moved from main_home_js.tpl */

/* ═══ АДАПТИВНЫЙ КАЛЕНДАРЬ (мобильный + десктоп) ═══ */
@media (max-width: 768px){
  .date-picker-wrapper{
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 320px !important;
    max-width: 94vw !important;
    z-index: 999999999 !important;
    box-sizing: border-box;
  }
  .date-picker-wrapper .month-wrapper{ width: 100% !important; }
  .date-picker-wrapper .month-wrapper table.month1,
  .date-picker-wrapper .month-wrapper table.month2{
    width: 100% !important; float: none !important;
  }
  .date-picker-wrapper:before{ display:none; }
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev{
  font-size: 18px;
  padding: 8px 12px;
  user-select: none;
  cursor: pointer;
}
/* ═══ СТРЕЛКИ ЛИСТАНИЯ МЕСЯЦЕВ — делаем заметными ═══
   (по умолчанию иконки FontAwesome белые/невидимые) */
.date-picker-wrapper .caption .prev,
.date-picker-wrapper .caption .next{
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background: #2D6A4F;
  color: #fff !important;
  transition: background .15s;
}
.date-picker-wrapper .caption .prev:hover,
.date-picker-wrapper .caption .next:hover{
  background: #1B4332;
}
.date-picker-wrapper .caption .prev i,
.date-picker-wrapper .caption .next i{
  color: #fff !important;
}
/* Если иконка-шрифт не загрузилась — показываем текстовые стрелки */
.date-picker-wrapper .caption .prev i:empty:before{ content: "‹"; font-size: 22px; font-style: normal; }
.date-picker-wrapper .caption .next i:empty:before{ content: "›"; font-size: 22px; font-style: normal; }
.date-picker-wrapper .month-name{
  font-weight: 700;
  color: #1B4332;
}