/* ================================
   react-day-picker + Bootstrap 5
   Light & Dark Mode Aware
   ================================ */

.rdp-root {
  border-radius: 0.5rem;
  padding: 0.75rem;
  font-family: var(--bs-body-font-family);
  font-size: 0.9rem;
  border: 1px solid var(--bs-border-color);
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* =========================
   DARK MODE
   ========================= */
[data-bs-theme="dark"] .rdp-root {
  background-color: #212529;
  border-color: #495057;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.5);
}

/* =========================
   LIGHT MODE
   ========================= */
[data-bs-theme="light"] .rdp-root {
  background-color: #ffffff;
  color: #212529;
  border-color: #dee2e6;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}

/* =========================
   Day cells
   ========================= */
.rdp-day {
  border-radius: 0.375rem;
}

/* Hover */
.rdp-day:hover:not([disabled]):not(.rdp-selected) {
  background-color: color-mix(in srgb, var(--bs-primary) 15%, transparent);
}

/* =========================
   ✅ RANGE: START / END
   ========================= */
/* .rdp-day.rdp-range_start, */
/* .rdp-day.rdp-range_end { */
/*   background-color: var(--bs-primary); */
/*   color: var(--bs-light) !important; */
/*   font-weight: 600; */
/* } */

/* =========================
   ✅ RANGE: MIDDLE  (FIXED!)
   ========================= */
[data-bs-theme="light"] .rdp-day.rdp-range_middle {
  /* background-color: rgba(13, 110, 253, 0.18); /\* soft blue *\/ */
  color: #495057 !important;                 /* readable gray */
  font-weight: 600;
}

[data-bs-theme="dark"] .rdp-day.rdp-range_middle {
  /* background-color: rgba(13, 110, 253, 0.35); */
  /* color: #f8f9fa !important; */
  color: #495057 !important;                 /* readable gray */
  font-weight: 600;
}

/* /\* Keep selected day readable even if it's also in range *\/ */
/* .rdp-day.rdp-selected { */
/*   /\* background-color: var(--bs-primary); *\/ */
/*   color: #fff !important; */
/*   font-weight: 600; */
/* } */

/* =========================
   Muted outside days
   ========================= */
.rdp-day_outside {
  opacity: 0.4;
}

/* =========================
   Today
   ========================= */
.rdp-today, .rdp-today.rdp-selected,
.rdp-today.rdp-selected.rdp-range_middle, .rdp-range_middle.rdp-day_button  {
  /* outline: 2px solid var(--bs-primary); */
  outline-offset: 2px;
  color: var(--rdp-today-color) !important;
  font-weight: 500;
}