/* ROYAL LUXURY: DARK GOLDEN, ORANGE & RED THEME */

.date-picker {
  color: #fff1d6;
  background-color: #120907;
}

.date-picker-wrapper {
  border: 1px solid #946816;
  background: linear-gradient(135deg, #140707, #1f0b09, #28120b);
  color: #fff1d6;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.85);
}

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

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

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

.date-picker-wrapper .month-name {
  color: #ffd875;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #4a2411;
  background: linear-gradient(180deg, #180907, #0d0403);
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6);
}

.date-picker-wrapper .month-wrapper table .week-name {
  color: #ff9900;
  font-weight: 700;
}

.date-picker-wrapper .month-wrapper table .day {
  color: #8c7167;
}

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

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

.date-picker-wrapper .month-wrapper table .day.toMonth.valid:hover {
  background: linear-gradient(180deg, #d35400, #962d00);
  color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background: linear-gradient(180deg, #b31b1b, #700a0a);
  color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background: linear-gradient(180deg, #4d1c10, #300f07);
  color: #ffffff;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background: linear-gradient(180deg, #f7c948, #b8860b);
  color: #1a0800;
  border-radius: 4px;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background: linear-gradient(180deg, #e65100, #991b1b);
  color: #ffffff;
}

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

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  color: #ff9900;
  border-radius: 4px;
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background: linear-gradient(180deg, #d35400, #801804);
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.date-picker-wrapper .drp_top-bar {
  color: #faebd7;
  background: rgba(20, 7, 7, 0.85);
  border-bottom: 1px solid rgba(148, 104, 22, 0.4);
}

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

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

.date-picker-wrapper .drp_top-bar .apply-btn {
  color: #1a0800;
  border: 1px solid #ffd875;
  background: linear-gradient(to bottom, #f7c948, #b8860b);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  font-weight: 700;
}

.date-picker-wrapper .drp_top-bar .apply-btn:hover {
  background: linear-gradient(to bottom, #ff8c00, #b71c1c);
  border-color: #ff9900;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  color: #634b45;
  border: 1px solid #3d231b;
  background: #1f0f0b;
  box-shadow: none;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background: linear-gradient(180deg, #b31b1b, #700a0a) !important;
  color: #ffffff !important;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

.date-picker-wrapper .date-range-length-tip {
  background: linear-gradient(180deg, #f7c948, #b8860b);
  color: #1a0800;
  border: 1px solid #ffe28a;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  font-weight: 700;
}

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

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

.date-picker-wrapper .week-number.week-number-selected {
  color: #ffd875;
  font-weight: 700;
}

/* Gap / separator styling */
.date-picker-wrapper .gap {
  background: linear-gradient(180deg, #1f0b09, #140707);
}

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

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

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

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