/* Dark theme for daterangepicker 3.1 – follows the site's [data-bs-theme] attribute, so it switches live with the theme toggle.
   Colors match the dark palette in site.css. Light theme uses the stock daterangepicker.css. */

[data-bs-theme="dark"] .daterangepicker {
  background-color: #1a1d21;
  border-color: #3a3f45;
  color: #dee2e6;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

/* arrow pointing at the input */
[data-bs-theme="dark"] .daterangepicker:before {
  border-bottom-color: #3a3f45;
}

[data-bs-theme="dark"] .daterangepicker:after {
  border-bottom-color: #1a1d21;
}

[data-bs-theme="dark"] .daterangepicker.drop-up:before {
  border-top-color: #3a3f45;
}

[data-bs-theme="dark"] .daterangepicker.drop-up:after {
  border-top-color: #1a1d21;
}

[data-bs-theme="dark"] .daterangepicker .calendar-table {
  background-color: #1a1d21;
  border-color: #1a1d21;
}

[data-bs-theme="dark"] .daterangepicker .calendar-table .next span,
[data-bs-theme="dark"] .daterangepicker .calendar-table .prev span {
  border-color: #dee2e6;
}

[data-bs-theme="dark"] .daterangepicker td.available:hover,
[data-bs-theme="dark"] .daterangepicker th.available:hover {
  background-color: #2b2f34;
  color: #fff;
}

[data-bs-theme="dark"] .daterangepicker td.off,
[data-bs-theme="dark"] .daterangepicker td.off.in-range,
[data-bs-theme="dark"] .daterangepicker td.off.start-date,
[data-bs-theme="dark"] .daterangepicker td.off.end-date {
  background-color: #1a1d21;
  color: #6c737a;
}

[data-bs-theme="dark"] .daterangepicker td.in-range {
  background-color: #1c2f45;
  color: #dee2e6;
}

[data-bs-theme="dark"] .daterangepicker td.active,
[data-bs-theme="dark"] .daterangepicker td.active:hover {
  background-color: #0d6efd;
  color: #fff;
}

[data-bs-theme="dark"] .daterangepicker td.disabled,
[data-bs-theme="dark"] .daterangepicker option.disabled {
  color: #5c636a;
}

[data-bs-theme="dark"] .daterangepicker select.monthselect,
[data-bs-theme="dark"] .daterangepicker select.yearselect,
[data-bs-theme="dark"] .daterangepicker select.hourselect,
[data-bs-theme="dark"] .daterangepicker select.minuteselect,
[data-bs-theme="dark"] .daterangepicker select.secondselect,
[data-bs-theme="dark"] .daterangepicker select.ampmselect {
  background-color: #1e2125;
  border-color: #3a3f45;
  color: #dee2e6;
}

[data-bs-theme="dark"] .daterangepicker .calendar-time select.disabled {
  color: #5c636a;
}

[data-bs-theme="dark"] .daterangepicker .drp-buttons,
[data-bs-theme="dark"] .daterangepicker .drp-calendar.left,
[data-bs-theme="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left,
[data-bs-theme="dark"] .daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-color: #3a3f45;
}

[data-bs-theme="dark"] .daterangepicker .ranges li:hover {
  background-color: #2b2f34;
}

[data-bs-theme="dark"] .daterangepicker .ranges li.active {
  background-color: #0d6efd;
  color: #fff;
}