/* 自定義 Datepicker 樣式 - 解決白色主題下圖標不可見的問題 */

/* 強制覆蓋全站主色為 #f68045 */
:root {
  --primary: #f68045 !important;
  --bs-primary: #f68045 !important;
  --blue: #f68045 !important;
}

/* 強制覆蓋所有主色相關的 CSS 類別 */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #f68045 !important;
  border-color: #f68045 !important;
  color: #ffffff !important;
}

.bg-primary {
  background-color: #f68045 !important;
}

.text-primary {
  color: #f68045 !important;
}

.border-primary {
  border-color: #f68045 !important;
}

/* 覆蓋所有可能的藍色主色 */
[style*="#007bff"],
[style*="#0d6efd"] {
  color: #f68045 !important;
  background-color: #f68045 !important;
  border-color: #f68045 !important;
}

/* 強制覆蓋所有使用藍色的地方 */
* {
  color: inherit;
}

/* 導航箭頭圖標顏色 */
.picker__nav--prev:before,
.picker__nav--next:before {
    color: #333333 !important;
}

/* 導航按鈕懸停效果 */
.picker__nav--prev:hover:before,
.picker__nav--next:hover:before {
    color: #666666 !important;
}

/* 關閉按鈕圖標顏色 */
.picker__button--close:before {
    color: #dc3545 !important;
}

/* 清除按鈕圖標顏色 */
.picker__button--clear:before {
    border-top-color: #dc3545 !important;
}

/* 今天按鈕圖標顏色 - 修正為使用主色 */
.picker__button--today:before {
    border-top-color: #f68045 !important;
}

/* 確保按鈕文字顏色可見 */
.picker__footer button {
    color: #333333 !important;
}

.picker__footer button:hover,
.picker__footer button:focus {
    color: #666666 !important;
}

/* 月份和年份選擇器文字顏色 */
.picker__month,
.picker__year {
    color: #333333 !important;
}

/* 星期標題顏色 */
.picker__weekday {
    color: #666666 !important;
}

/* 日期文字顏色 */
.picker__day {
    color: #333333 !important;
}

.picker__day--outfocus {
    color: #999999 !important;
}

/* 時間選擇器項目顏色 */
.picker__list-item {
    color: #333333 !important;
}

.picker__list-item--disabled {
    color: #999999 !important;
}

/* 確保選擇框文字可見 */
.picker__select--month,
.picker__select--year {
    color: #333333 !important;
}

/* 選中狀態保持原有樣式 */
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    color: #ffffff !important;
    background-color: #f68045 !important;
}

/* 高亮狀態保持原有樣式 */
.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item--highlighted,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
    color: #ffffff !important;
    background-color: #f68045 !important;
}

/* 覆蓋 light-layout.css 中的硬編碼顏色 */
body.light-layout .picker__button--today:before {
    border-top-color: #f68045 !important;
}