/* 

Add CSS2

*/
/* ==========================================================================
   Flatpickr カレンダーカスタマイズ（土日色付け完全上書き版）
   ========================================================================== */

/* 土曜日：薄水色の● */
div.flatpickr-calendar
  .flatpickr-day.sat:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ) {
  background-color: #e6f4ff !important;
  border-color: #e6f4ff !important;
  color: #0066cc !important; /* 文字色（青系） */
}

/* 日曜日：薄オレンジの● */
div.flatpickr-calendar
  .flatpickr-day.sun:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ) {
  background-color: #fff2e6 !important;
  border-color: #fff2e6 !important;
  color: #e65c00 !important; /* 文字色（オレンジ系） */
}

/* --------------------------------------------------------------------------
   2. 状態別の指定（ホバー・選択・非活性）
      土日の色よりも優先度を高く設定します。
   -------------------------------------------------------------------------- */

/* ★「選択した日付」（土日であってもこの色が最優先） */
div.flatpickr-calendar .flatpickr-day.selected,
div.flatpickr-calendar .flatpickr-day.selected:hover,
div.flatpickr-calendar .flatpickr-day.selected.focus,
div.flatpickr-calendar .flatpickr-day.startRange,
div.flatpickr-calendar .flatpickr-day.endRange {
  background-color: #4a90e2 !important; /* 選択時の色（青） */
  border-color: #4a90e2 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* マウスホバー時（土日の上でもこの色が優先） */
div.flatpickr-calendar .flatpickr-day:hover,
div.flatpickr-calendar .flatpickr-day.prevMonthDay:hover,
div.flatpickr-calendar .flatpickr-day.nextMonthDay:hover,
div.flatpickr-calendar .flatpickr-day.focus {
  background-color: #e2e8f0 !important; /* ホバー時のグレー */
  border-color: #e2e8f0 !important;
  color: #1a202c !important;
}

/* 「今日」の日付（土日であっても枠線を付ける） */
div.flatpickr-calendar .flatpickr-day.today {
  border: 2px solid #4a90e2 !important;
}

/* ★「選択不可（水曜・特別休業日・過去）」の日付 */
/* 土日であっても、選択不可の場合は背景色を透明にし、色を付けない */
div.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
div.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
div.flatpickr-calendar .flatpickr-day.prevMonthDay,
div.flatpickr-calendar .flatpickr-day.nextMonthDay,
div.flatpickr-calendar .flatpickr-day.notAllowed {
  color: #cccccc !important;
  background-color: transparent !important; /* ★土日の背景色を強制的に消す */
  border-color: transparent !important;
  font-weight: 400 !important;
  text-decoration: line-through !important; /* 打消し線（不要なら削除） */
}

/* --------------------------------------------------------------------------
   3. 全体的な調整（数字の太字化など、前回からの継続分）
   -------------------------------------------------------------------------- */

div.flatpickr-calendar {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #e0e0e0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

div.flatpickr-calendar .flatpickr-months {
  background-color: #f9f9f9 !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #eee !important;
}

div.flatpickr-calendar .flatpickr-current-month {
  font-size: 110% !important;
  font-weight: 700 !important;
}

div.flatpickr-calendar span.flatpickr-weekday {
  color: #555555 !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
}

div.flatpickr-calendar .flatpickr-day {
  border-radius: 50% !important; /* 丸形 */
  margin: 3px 0 !important;
  color: #333333 !important;
  font-weight: 700 !important; /* ★ 数字を太字に */
  transition: all 0.15s ease !important;
  border-color: transparent !important;
}