/* ---------- DatePickerRange & Calendar Styling ---------- */

/* Main input boxes for DatePickerRange and SingleDatePicker */
.DateRangePickerInput,
.SingleDatePickerInput {
  background-color: #343a40 !important;
  color: white !important;
  border: none !important;
}

/* Date text inside the input boxes */
.DateInput_input {
  background-color: #343a40 !important;
  color: white !important;
  border: 1px solid #495057 !important;
}

/* Calendar popup container */
.DateRangePicker_picker,
.SingleDatePicker_picker {
  background-color: #343a40 !important;
  color: white !important;
  border: 1px solid #495057 !important;
}

/* Calendar month background */
.CalendarMonth {
  background-color: #343a40 !important;
  color: white !important;
}

/* Individual days in the calendar */
.CalendarDay__default {
  background: #343a40 !important;
  color: #ffffff !important;
  border: 1px solid #495057 !important;
}

/* Hover and selected states for days */
.CalendarDay__default:hover {
  background: #495057 !important;  /* Slightly lighter hover color */
  color: #ffffff !important;
}
.CalendarDay__selected,
.CalendarDay__selected:hover {
  background: #007bff !important;  /* Example: Bootstrap primary color */
  color: white !important;
}

/* Overall calendar container and navigation */
.DayPicker {
  background-color: #343a40 !important;
  color: white !important;
}
.CalendarMonth_caption strong {
  color: white !important;
}
.DayPickerNavigation_button {
  background-color: #343a40 !important;
  color: white !important;
  border: none !important;
}
/* Make the DatePickerRange arrow white */
.DateRangePickerInput_arrow_svg,
.DateRangePickerInput_arrow_svg_1,
.DateRangePickerInput_arrow_svg path {
  fill: white !important;
}

/* ---------- Dropdown Styling (for dark-dropdown class) ---------- */

/* Dropdown control (unexpanded state) */
.dark-dropdown .Select-control,
.dark-dropdown .css-1pahdxg-control {
  background-color: #343a40 !important;
  color: white !important;
  border: 1px solid #495057 !important;
}

/* Placeholder text for dropdowns */
.dark-dropdown .css-14el2xx-placeholder {
  color: #ced4da !important;  /* A lighter gray for placeholders */
}

/* Selected value (single-value) */
.dark-dropdown .Select-single-value,
.dark-dropdown .css-1uccc91-singleValue {
  color: white !important;
  background-color: #343a40 !important;
}

/* Multi-select chips */
.dark-dropdown .Select-multi-value,
.dark-dropdown .css-1rhbuit-multiValue {
  background-color: #495057 !important;
  color: white !important;
}
.dark-dropdown .Select-multi-value__label,
.dark-dropdown .css-1rhbuit-multiValue__label {
  color: white !important;
}
.dark-dropdown .Select-multi-value__remove:hover,
.dark-dropdown .css-1rhbuit-multiValue__remove:hover {
  background-color: #343a40 !important;
  color: white !important;
}

/* Dropdown menu (expanded state) */
.dark-dropdown .Select-menu-outer,
.dark-dropdown .css-26l3qy-menu {
  background-color: #343a40 !important;
  color: white !important;
}
.dark-dropdown .Select-option,
.dark-dropdown .css-1n7v3ny-option {
  background-color: #343a40 !important;
  color: white !important;
}
.dark-dropdown .Select-option:hover,
.dark-dropdown .css-1n7v3ny-option:hover,
.dark-dropdown .Select-option:focus,
.dark-dropdown .css-1n7v3ny-option:focus {
  background-color: #495057 !important;
  color: white !important;
}
.Select-value-label {
  color: white !important;
}
/* ---------- Remove visible borders from DatePicker inputs ---------- */

/* For the DateRangePickerInput container that has a border */
.DateRangePickerInput__withBorder {
  border: 1px solid #343a40 !important;
}

/* For the calendar popup that uses a border */
.DayPicker__withBorder {
  border: 1px solid #343a40 !important;
}

/* Optionally, if any DateInput elements still show a border, override them */
.DateInput_input {
  border: 1px solid #343a40 !important;
}

/* assets/custom.css */

/* assets/custom.css */

.my-news-acc .accordion-button:not(.collapsed) {
  background-color: #1E1F23;  /* your dark charcoal color */
  color: #FFFFFF;             /* keep the text white for contrast */
}

.my-news-acc .accordion-button:focus {
  box-shadow: none;
}