@charset "UTF-8";

/* flatpickr のサイト用カスタム
   ライブラリ本体（flatpickr.min.css）の直後に読み込む。
   css/ 配下は SCSS のビルド成果物なので、ライブラリと同じこの階層に置いている。
   土日祝の配色は自作フォームの datepicker（css/sass/form.scss）に合わせている。 */

/* 選択中の日 */
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
	background: #701128;
	border-color: #701128;
	color: #fff;
}

/* 当日 */
.flatpickr-day.today {
	border-color: #AF7E13;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	background: #AF7E13;
	border-color: #AF7E13;
	color: #fff;
}

/* 土日祝（form_cf7.js の onDayCreate がクラスを付与する） */
.flatpickr-day.sunday,
.flatpickr-day.saturday,
.flatpickr-day.holiday {
	background: #FCDEBF;
}
.flatpickr-day.sunday.selected,
.flatpickr-day.saturday.selected,
.flatpickr-day.holiday.selected {
	background: #701128;
}

/* 前後の月・選択不可の日には土日祝の色を出さない */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	background: none;
}