/* ===== flatpickr 커스텀 테마 ===== */

/* flatpickr readonly input 흰색 배경 강제 */
input[readonly].flatpickr-input,
input[readonly][data-flatpickr],
input.flatpickr-input {
	background-color: #fff !important;
}

/* 캘린더 컨테이너 */
.flatpickr-calendar {
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, .12);
	border: none;
	padding: 8px;
	width: 320px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
	display: none;
}

/* 헤더: 월/년 — Velzon admin 의 #405189 배경/흰색 글씨 override */
.flatpickr-months {
	padding: 4px 0 !important;
	align-items: center !important;
	background-color: #fff !important;
	border-radius: 16px 16px 0 0 !important;
}

.flatpickr-months .flatpickr-month {
	height: 40px !important;
	background: transparent !important;
	color: #1a1a1a !important;
	fill: #1a1a1a !important;
}

.flatpickr-current-month input.cur-year,
.flatpickr-current-month .flatpickr-monthDropdown-months {
	color: #1a1a1a !important;
}

.flatpickr-current-month {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	padding-top: 6px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	font-weight: 600;
	font-size: 16px;
}

/* 네비게이션 화살표 - 원형 */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f0f0f0;
	padding: 0;
	top: 6px;
	transition: background .2s;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
	background: #e0e0e0;
}

.flatpickr-months .flatpickr-prev-month {
	left: 12px !important;
}

.flatpickr-months .flatpickr-next-month {
	right: 12px !important;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
	width: 12px !important;
	height: 12px !important;
	fill: #333 !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #0A1E4E !important;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	color: #333 !important;
	fill: #333 !important;
}

/* 요일 헤더 */
.flatpickr-weekdays {
	padding: 8px 0 4px;
}

span.flatpickr-weekday {
	font-size: 12px;
	font-weight: 600;
	color: #999;
	text-transform: uppercase;
}

/* 날짜 셀 */
.flatpickr-day {
	border-radius: 50%;
	height: 40px;
	line-height: 40px;
	max-width: 40px;
	margin: 2px auto;
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	border: none;
}

.flatpickr-day:hover {
	background: #f0f0f0;
	border: none;
}

/* 오늘 */
.flatpickr-day.today {
	border: 2px solid #4361ee;
	background: transparent;
	color: #4361ee;
}

.flatpickr-day.today:hover {
	background: #4361ee;
	color: #fff;
	border-color: #4361ee;
}

/* 선택된 날짜 */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
	background: #4361ee;
	border-color: #4361ee;
	color: #fff;
	box-shadow: none;
}

/* 범위 선택 중간 */
.flatpickr-day.inRange {
	background: rgba(67, 97, 238, .12);
	border-color: transparent;
	box-shadow: -5px 0 0 rgba(67, 97, 238, .12), 5px 0 0 rgba(67, 97, 238, .12);
	color: #4361ee;
}

/* 이전/다음 달 날짜 */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
	color: #ccc;
}

.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
	background: #f5f5f5;
	color: #999;
}

/* 비활성 */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	color: #ddd;
	background: transparent;
}

/* dayContainer 간격 */
.dayContainer {
	padding: 4px 0;
}

/* 연도 입력 */
.flatpickr-current-month input.cur-year {
	font-weight: 600;
	font-size: 16px;
}

/* numInputWrapper 화살표 숨기기 */
.flatpickr-current-month .numInputWrapper span {
	display: none;
}