/* BLUE & DARK THEME OVERRIDE */

.date-picker {
  color: #006aff;
  background-color: #000712;
}

.date-picker-wrapper {
  border: 1px solid #007aff;
  background-color: #000308;
  color: #006aff;
  box-shadow:
    0 0 12px rgba(0, 61, 255, 0.45),
    0 0 28px rgba(71, 89, 255, 0.22),
    3px 3px 10px rgba(0, 0, 0, 0.65);
}

.date-picker-wrapper b {
  color: #47b3ff;
}

.date-picker-wrapper a {
  color: #007aff;
}

.date-picker-wrapper a:hover {
  color: #006aff;
}

.date-picker-wrapper .month-name {
  color: #006aff;
  text-shadow: 0 0 8px rgba(0, 61, 255, 0.55);
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #007aff;
  background: linear-gradient(180deg, #000b1a 0%, #000308 100%);
  box-shadow:
    inset 0 0 18px rgba(0, 61, 255, 0.18),
    0 0 16px rgba(0, 61, 255, 0.25);
}

.date-picker-wrapper .month-wrapper table .week-name {
  color: #47b3ff;
}

.date-picker-wrapper .month-wrapper table .day {
  color: #455b6f;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #28374a;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #b5e2f7;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background: linear-gradient(135deg, #007aff 0%, #47b3ff 55%, #006aff 100%);
  color: #000712;
  font-weight: 700;
  box-shadow:
    0 0 8px rgba(0, 61, 255, 0.75),
    0 0 16px rgba(71, 89, 255, 0.45);
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #001f7a;
  color: #006aff;
  box-shadow: inset 0 0 8px rgba(0, 61, 255, 0.45);
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background: linear-gradient(135deg, #001f7a 0%, #007aff 100%);
  color: #ffffff;
  font-weight: 700;
  box-shadow:
    0 0 8px rgba(0, 61, 255, 0.65),
    inset 0 0 10px rgba(102, 109, 255, 0.22);
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background: linear-gradient(135deg, #006aff 0%, #47b3ff 45%, #007aff 100%);
  color: #000712;
  font-weight: 800;
}

.date-picker-wrapper table .caption {
  color: #006aff;
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  color: #007aff;
  text-shadow: 0 0 8px rgba(0, 61, 255, 0.55);
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background: linear-gradient(135deg, #007aff 0%, #47b3ff 100%);
  color: #000712;
  box-shadow: 0 0 10px rgba(0, 61, 255, 0.65);
}

.date-picker-wrapper .drp_top-bar {
  color: #b5e2f7;
  background: linear-gradient(180deg, #000b1a 0%, #000308 100%);
  border-bottom: 1px solid rgba(0, 61, 255, 0.35);
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #006aff;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  color: #2d4dff;
  text-shadow: 0 0 6px rgba(45, 77, 255, 0.45);
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  color: #000712;
  border: 1px solid #47b3ff;
  background: #007aff;
  background: linear-gradient(to bottom, #006aff 0%, #47b3ff 45%, #007aff 100%);
  font-weight: 700;
  box-shadow:
    0 0 10px rgba(0, 61, 255, 0.55),
    inset 0 0 8px rgba(255, 255, 255, 0.18);
}

.date-picker-wrapper .drp_top-bar .apply-btn:hover {
  background: linear-gradient(to bottom, #007aff 0%, #003bb3 100%);
  border-color: #006aff;
  color: #ffffff;
  box-shadow:
    0 0 12px rgba(0, 61, 255, 0.75),
    0 0 22px rgba(71, 89, 255, 0.35);
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  color: #33465c;
  border: 1px solid #001f7a;
  background: #000b1a;
  box-shadow: none;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background: linear-gradient(135deg, #007aff 0%, #47b3ff 100%) !important;
  color: #000712 !important;
  font-weight: 800;
  box-shadow:
    0 0 10px rgba(0, 61, 255, 0.75),
    0 0 18px rgba(71, 89, 255, 0.35) !important;
}

.date-picker-wrapper .date-range-length-tip {
  background: linear-gradient(135deg, #007aff 0%, #006aff 100%);
  color: #000712;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(0, 61, 255, 0.65);
}

.date-picker-wrapper .date-range-length-tip:after {
  border-top: 4px solid #007aff;
}

.date-picker-wrapper .week-number {
  color: #007aff;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #006aff;
  font-weight: 800;
  text-shadow: 0 0 8px rgba(0, 61, 255, 0.55);
}

/* Gap / separator styling */
.date-picker-wrapper .gap {
  background: linear-gradient(180deg, #001f7a 0%, #007aff 50%, #001f7a 100%);
  box-shadow:
    inset 0 0 8px rgba(102, 109, 255, 0.25),
    0 0 10px rgba(0, 61, 255, 0.45);
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  border-left: 8px solid #000712;
  border-top: 8px solid #000308;
  border-bottom: 8px solid #000308;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  border-left: 8px solid transparent;
  border-top: 8px solid #000b1a;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  border-left: 8px solid transparent;
  border-bottom: 8px solid #000b1a;
}

.date-picker-wrapper .gap .gap-top-mask,
.date-picker-wrapper .gap .gap-bottom-mask {
  background-color: #000308;
}