/* ============================================================
   calendar-theme.css — единый тёмный календарь (bootstrap-datepicker)
   для всего сайта: главная, страница мотика, фильтры.
   Перекрывает: старую светлую тему, красные выходные (style.min.css),
   красную штриховку (daterangepicker.css), мобильную шторку
   position:fixed (media-query.css). Палитра утверждена на /test-home/.
   Подключается ПОСЛЕДНИМ в functions.php (после media-query).
   ============================================================ */
.datepicker.dropdown-menu {
  /* фикс мобильного бага темы: было position:fixed;bottom:0 (шторка на весь
     экран, не скроллится) — делаем обычным выпадающим блоком */
  position: absolute !important;
  bottom: auto !important;
  /* фиксированная ширина — иначе на десктопе растягивается на весь экран,
     а под vw-шрифтом темы «плывёт» размер */
  width: 300px !important;
  min-width: 260px !important;
  max-width: calc(100vw - 24px) !important;
  right: auto !important;
  font-size: 14px !important;
  background: #1c1c1c !important;
  border: 1px solid #333 !important;
  border-radius: 16px !important;
  padding: 10px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
  color: #fff;
}
/* Ровная сетка вне зависимости от rem/vw темы */
.datepicker.dropdown-menu table { width: 100% !important; table-layout: fixed !important; }
.datepicker.dropdown-menu table tr td,
.datepicker.dropdown-menu table tr th { width: auto !important; }
.datepicker.dropdown-menu table tr td.day {
  height: 38px !important;
  font-size: 14px !important;
  padding: 0 !important;
}
.datepicker.dropdown-menu table tr th.dow { font-size: 12px !important; padding: 4px 0 !important; }
.datepicker.dropdown-menu .datepicker-switch { font-size: 15px !important; }
/* Плагин прячет вид дней через jQuery .show(), которое в jQuery 3 не
   перебивает display:none из CSS. У нас maxViewMode:0 (только дни),
   поэтому безопасно показать вид дней принудительно. */
.datepicker .datepicker-days { display: block !important; }
.datepicker table { width: 100%; margin: 0; }

/* Убираем сине-серую подложку шапки (thead) */
.datepicker.dropdown-menu thead,
.datepicker.dropdown-menu thead tr,
.datepicker.dropdown-menu thead th { background: transparent !important; }

/* Заголовок и навигация */
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next { color: #fff !important; font-weight: 700; background: transparent !important; }
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover { background: #2a2a2a !important; }
.datepicker.dropdown-menu table tr th.dow { color: #888 !important; font-weight: 600; background: transparent !important; }

/* Дни. Специфичность как у темы (.datepicker.dropdown-menu table tr td.day),
   чтобы перекрыть серые плашки и красные выходные (style.min.css)
   и красную штриховку недоступных дат (daterangepicker.css). */
.datepicker.dropdown-menu table tr td.day {
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.datepicker.dropdown-menu table tr td.day:hover { background: #2a2a2a !important; }

/* Выходные (Сб/Вс) — снимаем красный */
.datepicker.dropdown-menu table tr td.day:nth-child(6),
.datepicker.dropdown-menu table tr td.day:last-child { color: #fff !important; }

/* Дни соседних месяцев */
.datepicker.dropdown-menu table tr td.day.old,
.datepicker.dropdown-menu table tr td.day.new { color: #555 !important; }

/* Недоступные (прошедшие) — приглушённые, БЕЗ красной штриховки.
   Включая выходные-варианты (специфичность :nth-child/:last-child). */
.datepicker.dropdown-menu table tr td.day.disabled,
.datepicker.dropdown-menu table tr td.day.disabled:hover,
.datepicker.dropdown-menu table tr td.day.disabled:nth-child(6),
.datepicker.dropdown-menu table tr td.day.disabled:last-child,
.datepicker.dropdown-menu table tr td.day.new:nth-child(6),
.datepicker.dropdown-menu table tr td.day.new:last-child {
  background: transparent !important;
  background-image: none !important;
  color: #555 !important;
}

/* Сегодня — лаймовая обводка (как в утверждённом мокапе) */
.datepicker.dropdown-menu table tr td.day.today,
.datepicker.dropdown-menu table tr td.day.today:hover {
  background: transparent !important;
  background-image: none !important;
  color: #d4ff00 !important;
  box-shadow: inset 0 0 0 1.5px #d4ff00 !important;
}

/* Выбранная дата — лайм */
.datepicker.dropdown-menu table tr td.day.active,
.datepicker.dropdown-menu table tr td.day.selected,
.datepicker.dropdown-menu table tr td.day.active:hover,
.datepicker.dropdown-menu table tr td.day.active.active {
  background: #d4ff00 !important;
  background-image: none !important;
  color: #0f0f0f !important;
  font-weight: 700;
  text-shadow: none !important;
}

/* Частичная занятость (страница мотика, классы halfBusy*) —
   приглушённая штриховка вместо кислотно-красной */
.datepicker.dropdown-menu table tr td.day.halfBusyLeft::after,
.datepicker.dropdown-menu table tr td.day.halfBusyRight::after,
.crm-datepicker .datepicker table tr td.day.halfBusyLeft::after,
.crm-datepicker .datepicker table tr td.day.halfBusyRight::after {
  background: repeating-linear-gradient(45deg, transparent, transparent 4px,
    rgba(199, 107, 107, 0.35) 4px, rgba(199, 107, 107, 0.35) 7px) !important;
  background-size: auto !important;
}