/* ---------------- 移除圓角樣式 ---------------- */
.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) !important;
    color: var(--color-calendar-date-font) !important;
    fill: var(--color-calendar-date-font) !important;
}

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

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

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

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        background-image: none !important;
    }

/* 切換月份按鈕 */
.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) !important;
}

/* 星期 */
.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);
    border: none;
}

/* 選擇日期區間-起始區間-樣式 */
.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;
}


.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -1px 0 0 var(--color-primary-light);
}