/* ================================================================
   Flatpickr 커스터마이징 — 달력 아이콘 입력 래퍼
   ================================================================ */

/* 입력 + 아이콘 버튼을 감싸는 래퍼 */
.flatpickr-input-wrap {
  display: flex;
  align-items: stretch;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.12);
  background: var(--white-color);
  overflow: hidden;
  transition: border-color .12s;
}

.flatpickr-input-wrap:focus-within {
  border-color: var(--primary-color);
}

/* 래퍼 내부 input — 테두리·배경은 래퍼가 담당 */
.flatpickr-input-wrap input[data-input] {
  flex: 1;
  border: none;
  border-radius: 0;
  background: transparent;
  outline: none;
  min-width: 0;
}

/* 달력 토글 버튼 */
.flatpickr-cal-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  padding: 0;
  border: none;
  border-left: 1px solid rgba(0,0,0,0.08);
  background: transparent;
  cursor: pointer;
  color: var(--muted-color);
  transition: color .12s, background-color .12s;
  flex-shrink: 0;
}

.flatpickr-cal-btn:hover {
  color: var(--primary-color);
  background-color: var(--secondary-color);
}

/* ================================================================
   Flatpickr 커스터마이징 — 요일 색상 (토: 파랑, 일: 빨강)
   ================================================================ */

/* 요일 헤더: firstDayOfWeek=0 기준 1번째=일, 7번째=토 */
.flatpickr-weekdays .flatpickr-weekday:first-child { color: #d32f2f; }
.flatpickr-weekdays .flatpickr-weekday:last-child  { color: #1565c0; }

/* 날짜 셀 — 기본 색상 (비활성 날짜 제외) */
.flatpickr-day.fp-sunday:not(.flatpickr-disabled)   { color: #d32f2f; }
.flatpickr-day.fp-saturday:not(.flatpickr-disabled) { color: #1565c0; }

/* 날짜 셀 — 선택·호버 시 흰색으로 복원 */
.flatpickr-day.fp-sunday.selected,
.flatpickr-day.fp-sunday.startRange,
.flatpickr-day.fp-sunday.endRange,
.flatpickr-day.fp-sunday:hover:not(.flatpickr-disabled) {
  color: var(--white-color);
}
.flatpickr-day.fp-saturday.selected,
.flatpickr-day.fp-saturday.startRange,
.flatpickr-day.fp-saturday.endRange,
.flatpickr-day.fp-saturday:hover:not(.flatpickr-disabled) {
  color: var(--white-color);
}