/* DARK & YELLOW / GOLD NEON THEME OVERRIDE */

.date-picker {
  color: #ffd43b;
  background-color: #080808;
}

.date-picker-wrapper {
  border: 1px solid #ffcc00;
  background:
    radial-gradient(circle at top, rgba(255, 204, 0, 0.16), transparent 34%),
    linear-gradient(180deg, #151006 0%, #070707 100%);
  color: #f8f3d4;
  box-shadow:
    0 0 14px rgba(255, 204, 0, 0.35),
    0 0 28px rgba(255, 170, 0, 0.18),
    3px 3px 10px rgba(0, 0, 0, 0.65);
}

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

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

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

.date-picker-wrapper .month-name {
  color: #ffd43b;
  text-shadow: 0 0 8px rgba(255, 204, 0, 0.45);
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid rgba(255, 204, 0, 0.55);
  background:
    linear-gradient(180deg, #100c05 0%, #050505 100%);
  box-shadow: inset 0 0 18px rgba(255, 204, 0, 0.10);
}

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

.date-picker-wrapper .month-wrapper table .day {
  color: #6f6f6f;
}

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

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

.date-picker-wrapper .month-wrapper table .day.toMonth.valid:hover {
  background-color: rgba(255, 204, 0, 0.18);
  color: #ffd43b;
  box-shadow: inset 0 0 8px rgba(255, 204, 0, 0.25);
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background:
    linear-gradient(135deg, #ffb300 0%, #ffd43b 50%, #fff1a8 100%);
  color: #080808;
  font-weight: 700;
  box-shadow:
    0 0 8px rgba(255, 204, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: rgba(255, 204, 0, 0.26);
  color: #fff1a8;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background:
    linear-gradient(135deg, #2a2208 0%, #ffcc00 100%);
  color: #080808;
  font-weight: 800;
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.55);
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background:
    linear-gradient(135deg, #ffd43b 0%, #ffb300 100%);
  color: #080808;
}

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

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  color: #ffcc00;
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: #ffcc00;
  color: #080808;
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.55);
}

.date-picker-wrapper .drp_top-bar {
  color: #f8f3d4;
  border-bottom: 1px solid rgba(255, 204, 0, 0.18);
}

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

.date-picker-wrapper .drp_top-bar.error .error-top {
  color: #ff4d4d;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  color: #080808;
  border: 1px solid #ffd43b;
  background:
    linear-gradient(to bottom, #fff1a8 0%, #ffd43b 45%, #ffb300 100%);
  font-weight: 800;
  box-shadow:
    0 0 10px rgba(255, 204, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.date-picker-wrapper .drp_top-bar .apply-btn:hover {
  background:
    linear-gradient(to bottom, #ffb300 0%, #ffd43b 55%, #fff1a8 100%);
  border-color: #fff1a8;
  color: #080808;
  box-shadow:
    0 0 14px rgba(255, 204, 0, 0.75),
    0 0 24px rgba(255, 170, 0, 0.35);
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  color: #777;
  border: 1px solid #4a3a08;
  background: #1a1608;
  box-shadow: none;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background:
    linear-gradient(135deg, #ffb300 0%, #ffd43b 55%, #fff1a8 100%) !important;
  color: #080808 !important;
  font-weight: 800;
  box-shadow:
    0 0 10px rgba(255, 204, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.date-picker-wrapper .date-range-length-tip {
  background-color: #ffcc00;
  color: #080808;
  font-weight: 800;
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.55);
}

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

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

.date-picker-wrapper .week-number.week-number-selected {
  color: #fff1a8;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(255, 204, 0, 0.55);
}

/* Gap / separator styling */
.date-picker-wrapper .gap {
  background-color: #ffcc00;
}

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

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

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

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