.ui-datepicker {
  z-index: 999999 !important;
}

.ui-datepicker td.cf7-dam-unavailable span,
.ui-datepicker td.cf7-dam-unavailable a {
  opacity: 0.35;
  text-decoration: line-through;
}

input.preferred-date,
#preferred-date,
input[name="preferred-date"],
#charter-start-date,
#charter-end-date,
input[name="charter-start-date"],
input[name="charter-end-date"] {
  cursor: pointer;
}

/* Dark theme datepicker */
.ui-datepicker {
  background: #121212;
  border: 1px solid #2a3441;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
  padding: 10px;
  color: #e5e7eb;
}

.ui-datepicker .ui-datepicker-header {
  background: #1a1919;
  border: 1px solid #1f2937;
  color: #f9fafb;
  border-radius: 10px;
}

.ui-datepicker .ui-datepicker-title {
  color: #f9fafb;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border-radius: 8px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: #1f2937;
  border: 1px solid #334155;
}

.ui-datepicker th {
  color: #9ca3af;
  font-weight: 600;
}

.ui-datepicker td a,
.ui-datepicker td span {
  text-align: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent !important;
  color: #e5e7eb !important;
}

.ui-datepicker td a:hover {
  background: #1f2937 !important;
  border-color: #334155;
  color: #ffffff !important;
}

.ui-datepicker td.ui-datepicker-today a {
  background: #172033 !important;
  border-color: #30415f;
  color: #ffffff !important;
}

.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td .ui-state-active {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.cf7-dam-unavailable {
  opacity: 1;
}

.ui-datepicker td.cf7-dam-unavailable span,
.ui-datepicker td.cf7-dam-unavailable a,
.ui-datepicker td.ui-state-disabled span,
.ui-datepicker td.ui-state-disabled a {
  color: #6b7280 !important;
  background: #121212 !important;
  border-color: transparent !important;
  opacity: 0.45;
  text-decoration: line-through;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
html .ui-datepicker .ui-button.ui-state-disabled:hover,
html .ui-datepicker .ui-button.ui-state-disabled:active {
  background-image: none;
}