/**
 * flatpickr 공용 테마 — 기간 선택(range) 달력을 앱 다크 테마(Midnight Metal)에 맞춤.
 *
 * 로드 순서 주의: 이 파일은 반드시 flatpickr dark.css(CDN) '뒤'에,
 * 모듈 index.css '앞'에 css 배열에 넣을 것. (override 가 먹어야 함)
 *   'css' => [ flatpickr/dist/themes/dark.css, common_asset('css','flatpickr-theme.css'), module index.css ]
 */

/* ─── 기간 선택 인풋 래퍼 (캘린더 아이콘 내장) ─── */
.c-daterange { position: relative; }
.c-daterange > i {
    position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
    font-size: 12px; color: var(--text-dim); pointer-events: none; z-index: 1;
}
.c-daterange > input {
    width: 240px; padding-left: 32px; cursor: pointer;
}
.c-daterange > input::placeholder { color: var(--text-dim); }

/* ─── 달력 팝업 ─── */
.flatpickr-calendar {
    background: linear-gradient(180deg, #1c2030 0%, #14171f 100%);
    box-shadow: 0 24px 64px rgb(0 0 0 / 0.6), 0 0 0 1px rgb(139 149 255 / 0.16);
    border: none;
    border-radius: 12px;
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { display: none; }

/* 월 네비게이션 */
.flatpickr-months { padding-top: 4px; }
.flatpickr-months .flatpickr-month { color: #e8ecf3; }
.flatpickr-current-month .cur-month,
.flatpickr-current-month input.cur-year { color: #e8ecf3; font-weight: 600; }
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg { fill: #8b92a0; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill: #9aa5ff; }

/* 요일 헤더 */
.flatpickr-weekday { color: #6e7480; font-weight: 600; }

/* 날짜 셀 */
.flatpickr-day { color: #cdd2dc; border-radius: 8px; }
.flatpickr-day:hover, .flatpickr-day:focus {
    background: rgb(255 255 255 / 0.07); border-color: transparent;
}
.flatpickr-day.today { border-color: rgb(139 149 255 / 0.55); }
.flatpickr-day.today:hover { background: rgb(139 149 255 / 0.12); color: #fff; }
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay,
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: #3a414c; }

/* 선택 / 범위 */
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange,
.flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover {
    background: #6f7aff; border-color: #6f7aff; color: #fff;
}
.flatpickr-day.inRange {
    background: rgb(139 149 255 / 0.16);
    border-color: transparent;
    box-shadow: -5px 0 0 rgb(139 149 255 / 0.16), 5px 0 0 rgb(139 149 255 / 0.16);
}
.flatpickr-day.startRange { border-radius: 8px 0 0 8px; box-shadow: none; }
.flatpickr-day.endRange   { border-radius: 0 8px 8px 0; box-shadow: none; }
.flatpickr-day.startRange.endRange { border-radius: 8px; }