/*
 * flatpickr 4.6.3(css/lib/flatpickr.min.css) 위에 얹는 앱 달력 테마.
 * 원본 파일을 직접 고쳐 쓰던 것을 그대로 옮겼다. css/lib/flatpickr.min.css 바로 다음에 로드한다(웹 head.jsp, 모바일 include.jsp).
 * Poppins 는 화면 쪽 <link> 로 받는다 — 달력이 있는 화면에서 Poppins <link> 를 지우지 않는다(docs/CLEAN_CSS.md §7).
 */

/* 머리(연·월): 파란 배경, 흰 글자, 위쪽 둥근 모서리 */
.flatpickr-months .flatpickr-month {
    border-radius: 5px 5px 0 0;
    background: #37649e;
    color: #fff;
    fill: #fff;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: #fff;
    fill: #fff;
}

.flatpickr-current-month {
    top: -1px;
}

/* 연도 입력 칸 폭 6ch → 8ch. 원본·고친 파일 모두 뒤에 IE 핵(width:7ch\0)이 붙어 있는데 크롬은 그 줄을 무시한다 */
.flatpickr-current-month .numInputWrapper {
    width: 8ch;
}

.flatpickr-current-month input.cur-year {
    width: 83px;
    margin-left: -10px;
    font-size: 16px;
}

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

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #42a5f5;
}

/* 요일 줄 */
.flatpickr-weekdays {
    height: 30px;
    border-bottom: 1px solid #ececec;
}

span.flatpickr-weekday:first-child {
    color: red;
}

span.flatpickr-weekday {
    font-size: 12px;
    color: rgb(34, 83, 136);
}

/* 날짜 칸 */
.flatpickr-days {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
}

.flatpickr-day {
    font-family: "Poppins", sans-serif;
}

.flatpickr-time .numInputWrapper {
    width: 40%; /* 순서 유지 — 원본에서 위 연도 칸 규칙보다 뒤에 있던 같은 명시도 규칙 */
}

/* 연도 입력 뒤의 "년" — js/lib/calendar/flatpickr.min.js 를 고쳐 <b class="custom">년</b> 을 넣는다 */
b.custom {
    position: absolute;
    color: inherit;
    cursor: pointer;
    font-size: 16px;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: 4px 0 0 -40px;
    outline: none;
    padding: 0 0 0 .5ch;
    vertical-align: initial;
}