/* ---------------- 移除圓角樣式 ---------------- */
.flatpickr-calendar {
      border-radius: 0 !important;
      /* 移除整體日曆的圓角 */
      background-color: var(--color-calendar-date-bg) !important;
      color: var(--color-calendar-date-font) !important;
      box-shadow: var(--color-shadow-primary);
}

.flatpickr-input {
      border-radius: 0 !important;
      /* 移除輸入框的圓角 */
      border: none !important;
}

.flatpickr-months {
      border-radius: 0 !important;
}

.flatpickr-weekday {
      color: var(--color-calendar-date-font) !important;
}

.flatpickr-day {
      border-radius: 0 !important;
      /* 移除所有日期的圓角 */
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange {
      border-radius: 0 !important;
      /* 確保選中的日期和範圍邊緣是直角 */
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
      border-radius: 0 !important;
}


/* ---------------- 價格顯示樣式 ---------------- */
.dayContainer .flatpickr-day {
      max-width: unset;
      margin: 0px;
      line-height: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

/* ---------------- 背景顏色及字體樣式 ---------------- */
.dayContainer+.dayContainer {
      -webkit-box-shadow: none;
      box-shadow: none;
}

/* 年月 */
.flatpickr-months .flatpickr-month {
      background-color: var(--color-calendar-date-bg);
      color: var(--color-calendar-date-font);
}

.flatpickr-current-month {
      font-size: 1.125rem;
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center;
      height: unset;
}

.flatpickr-current-month .cur-month {
      margin: 0px !important;
}

.flatpickr-current-month input.cur-year {
      font-weight: 500;
}

/* 切換月份按鈕 */
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
      color: var(--color-calendar-date-font) !important;
      fill: var(--color-calendar-date-font) !important;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
      width: 0.875rem;
      height: 0.875rem;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
      fill: var(--color-primary);
}

/* 星期 */
.flatpickr-weekdays {
      background-color: var(--color-calendar-date-bg) !important;
      color: var(--color-calendar-date-font) !important;
}

/* 日期 */
.flatpickr-days {
      background-color: var(--color-calendar-date-bg) !important;
      color: var(--color-calendar-date-font) !important;
}

/* 當日 */
.flatpickr-day.today {
      border-color: var(--color-primary-400);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
      border-color: var(--color-primary-800);
      background: var(--color-primary-light);
      color: var(--color-calendar-date-font);
}

/* 選擇日期區間-起始日期-樣式 */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
      background-color: var(--color-primary);
      color: var(--color-white);
}

/* 選擇日期區間-起始區間-樣式 */
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
      background: var(--color-primary-light);
      border: none;
      box-shadow: none;
}