.custom-dropdown .DateInput_input {
  color: var(--ffbad-blue, #101f69) !important;
  font-size: 15px !important;
  font-weight: bold !important;
}

.SingleDatePickerInput {
  border: none !important;
}

.DateRangePicker {
  border: none !important;
}

/* Jour par défaut */
.CalendarDay__default {
  background-color: white !important;
  border: 1px solid #ddd !important;
  color: var(--ffbad-blue, #101f69) !important;
  cursor: pointer !important;
}

/* Jour survolé */
.CalendarDay__default:hover {
  background-color: rgba(16, 31, 105, 0.1) !important;
}

/* Jour sélectionné */
.CalendarDay__selected {
  background-color: var(--ffbad-blue, #101f69) !important; /* Bleu foncé */
  color: white !important; /* Texte blanc */
  border: 1px solid #ddd !important;
}

/* Jour désactivé */
.CalendarDay__blocked_out_of_range {
  background-color: #f9f9f9 !important;
  color: #ccc !important;
  cursor: not-allowed !important;
}

/* Jours sélectionnés dans l'intervalle */
.CalendarDay__selected_span {
  background-color: rgba(
    16,
    31,
    105,
    0.5
  ) !important; /* Bleu foncé avec opacité */
  color: white !important; /* Texte blanc pour contraste */
  border: 1px solid #ddd !important; /* Bordure pour démarcation */
}

.custom-datepicker {
  position: relative !important;
  box-sizing: border-box !important;

  border: 1px solid var(--ffbad-blue, #101f69) !important;
  border-radius: 8px !important;

  /* default width — override with size modifiers below */
  min-width: 220px !important;
  max-width: 220px !important;
  width: 100% !important;

  /* padding: 4px !important; */
  font-size: 15px !important;
  font-weight: 400 !important;
  background-color: transparent !important;
}

.custom-datepicker .DateInput {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  background: transparent;
}

.custom-datepicker .DateInput_input {
  color: var(--ffbad-blue, #101f69) !important;
  font-size: 15px !important;
  font-weight: bold !important;
  width: 100%;
  height: 40px;
}

/* Wide — longer labels, e.g. full names, long categories */
.custom-datepicker.custom-datepicker-xwide {
    min-width: 380px !important;
    max-width: 380px !important;
}
.custom-datepicker.blue-dropdown-xwide .DateInput_input {
    max-width: 380px !important;
}

.custom-datepicker .SingleDatePickerInput {
  display: inline-block;
}

.DateInput{
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  background: transparent;
}

.DateRangePickerInput {
  display: inline-block;
}

.SingleDatePickerInput {
  display: inline-block;
  background: transparent;
}