/* Flatpickr テーマ上書き（お問い合わせフォーム専用）
 * common.css / subpage.css の配色・フォントに合わせる。
 * モバイル固定 CTA（z-30）より上に表示する。 */

.flatpickr-calendar {
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 16px;
  border: 1px solid #D8C8BD;
  box-shadow: 0 12px 32px rgba(47, 42, 40, 0.12);
  z-index: 50;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekdays,
.flatpickr-days {
  background: #FAF8F5;
}

.flatpickr-day {
  color: #2F2A28;
  border-radius: 8px;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
  background: rgba(201, 143, 143, 0.15);
  border-color: rgba(201, 143, 143, 0.15);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange {
  background: #C98F8F;
  border-color: #C98F8F;
  color: #FFFFFF;
}

.flatpickr-day.today {
  border-color: #C98F8F;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  background: rgba(201, 143, 143, 0.2);
  border-color: #C98F8F;
  color: #2F2A28;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: #B8B0A8;
}

.flatpickr-time {
  border-top: 1px solid #E5DFD8;
}

.flatpickr-time input {
  font-family: "Noto Sans JP", sans-serif;
  color: #2F2A28;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: rgba(201, 143, 143, 0.1);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #C98F8F;
}

/* 日時入力欄：ピッカー操作を促すカーソル */
.js-contact-datetime {
  cursor: pointer;
}