/**
 * bootstrap-datepicker 1.10 + Bootstrap 5
 */

.datepicker-dropdown,
.datepicker.datepicker-dropdown {
  position: absolute !important;
  z-index: 1060 !important;
  min-width: 15rem;
  padding: 0.5rem;
  margin-top: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* BS5 .dropdown-menu usa display:none sin .show; el plugin usa jQuery .show() */
.datepicker.dropdown-menu {
  display: block;
}

.datepicker table {
  width: 100%;
  margin: 0;
}

.datepicker table th,
.datepicker table td {
  text-align: center;
  vertical-align: middle;
  padding: 0.35rem;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .datepicker-switch:hover {
  background-color: #f8f9fa;
}

.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:focus,
.datepicker td span.active,
.datepicker td span.active:hover {
  background-color: #0d6efd !important;
  background-image: none !important;
  border-color: #0d6efd !important;
  color: #fff !important;
  text-shadow: none !important;
}

.datepicker td.today,
.datepicker td.today:hover {
  background-color: #e7f1ff;
  color: #0d6efd;
}

.datepicker td.day:hover {
  background-color: #f1f5f9;
  cursor: pointer;
}

/* Panel de días visible cuando el calendario está abierto */
.datepicker-dropdown[style*="display: block"] .datepicker-days,
.datepicker.datepicker-dropdown:not([style*="display: none"]) .datepicker-days {
  display: block !important;
}

.datepicker-dropdown .datepicker-months,
.datepicker-dropdown .datepicker-years,
.datepicker-dropdown .datepicker-decades,
.datepicker-dropdown .datepicker-centuries {
  display: none;
}

.datepicker-dropdown .datepicker-months[style*="display: block"],
.datepicker-dropdown .datepicker-years[style*="display: block"],
.datepicker-dropdown .datepicker-decades[style*="display: block"],
.datepicker-dropdown .datepicker-centuries[style*="display: block"] {
  display: block !important;
}