/* Lineup dropdown: allow multi-line options */
.Select-menu-outer .Select-option {
  white-space: normal !important;
  line-height: 1.3;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Selected value can wrap too */
.Select-value-label {
  white-space: normal !important;
}

/* ===== Accordion base styling ===== */

.accordion-item {
  background-color: #f7f8fa;
  border-radius: 12px;
  border: none;
  margin-bottom: 6px;
  overflow: visible;
}

.accordion-button {
  background-color: #eef1f5;
  color: #222;
  font-weight: 600;
  border-radius: 12px;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: #dbe7ff;
  color: #0b2a6f;
}

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

.accordion-body {
  background-color: #f7f8fa;
  padding: 12px 14px;
}

/* ===== Scoped: Filters accordion ===== */

.filters-accordion .accordion-button {
  background-color: #f1f3f6;
}

.filters-accordion .accordion-button:not(.collapsed) {
  background-color: #dbe7ff;
}

/* ===== Nested accordions ===== */

.filters-accordion .accordion .accordion-button {
  background-color: #f8fafc;
  font-size: 14px;
}

.filters-accordion .accordion .accordion-button:not(.collapsed) {
  background-color: #e8f0ff;
}

/* ===== Hover & polish ===== */

.accordion-button:hover {
  background-color: #e3e9f5;
}

.accordion-button::after {
  filter: brightness(0.6);
}

/* ===== Compact spacing ===== */

.accordion-button {
  padding: 10px 14px;
}

.accordion-body {
  padding: 10px 12px;
}

/* ===== Remove borders ===== */

.accordion {
  --bs-accordion-border-width: 0;
}

.Select-menu-outer {
  position: absolute !important;
  z-index: 9999 !important;
  max-height: 220px;
}

.accordion-body,
.filters-wrap,
.filters-accordion {
  overflow: visible !important;
}

/* Dropdown menu background */
.Select-menu-outer,
.VirtualizedSelectOption {
  background-color: #1f2429 !important;
  color: #e6e6e6 !important;
}

/* Hovered option */
.VirtualizedSelectFocusedOption {
  background-color: #2b3138 !important;
  color: #ffffff !important;
}

/* Selected option */
.VirtualizedSelectSelectedOption {
  background-color: #3a4149 !important;
  color: #ffffff !important;
}

/* Dropdown control itself */
.Select-control {
  background-color: #1f2429 !important;
  color: #e6e6e6 !important;
  border-color: #3a4149 !important;
}

/* Accordion header */
.accordion-button {
  background-color: #1f2429 !important;
  color: #e6e6e6 !important;
  font-weight: 600;
}

/* Accordion body */
.accordion-body {
  background-color: #23282e !important;
  color: #d0d0d0 !important;
}

/* Remove bright focus ring */
.accordion-button:focus {
  box-shadow: none !important;
}

/* Chevron color */
.accordion-button::after {
  filter: invert(1);
}

body {
  background-color: #0f1113;
  color: #b3b3b3;
}

/* Headings */
h1, h2, h3, h4, h5 {
  color: #cfcfcf;
}

/* Muted text */
.text-muted {
  color: #9aa0a6 !important;
}

/* Inactive toggle button */
.btn-outline-dark {
  color: #cfd3d7 !important;
  border-color: #4a4f55 !important;
  background-color: #1c1f23 !important;
}

/* Hover inactive */
.btn-outline-dark:hover {
  background-color: #2a2f35 !important;
  color: #ffffff !important;
}

/* Active toggle */
.btn-dark {
  background-color: #e6e6e6 !important;
  color: #111 !important;
  border-color: #e6e6e6 !important;
}

/* Single-select selected value (TEAM DROPDOWN) */
.Select-value-label {
  color: #e6e6e6 !important;
  font-weight: 600;
}

/* Placeholder text */
.Select-placeholder {
  color: #9aa0a6 !important;
}

/* Input text when typing */
.Select-input > input {
  color: #e6e6e6 !important;
}

/* Force all select text to light */
.Select,
.Select * {
  color: #e6e6e6;
}

/* Prevent mobile auto-zoom on dropdowns */
.Select-control,
.Select-menu-outer,
.Select-placeholder,
.Select-value-label,
.Select-input > input {
  font-size: 16px !important;
}


/* Make Accordion headers look like dropdowns */
.filters-accordion .accordion-button {
  background-color: #1f232a;          /* same as dropdown bg */
  color: #e6e6e6;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 14px;
  padding: 12px 16px;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover / focus */
.filters-accordion .accordion-button:hover {
  background-color: #242a32;
}

/* Expanded state */
.filters-accordion .accordion-button:not(.collapsed) {
  background-color: #242a32;
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(0,0,0,0.45);
}

/* Remove Bootstrap default blue focus ring */
.filters-accordion .accordion-button:focus {
  box-shadow: none;
}


.filters-accordion .accordion-body {
  background-color: #1f232a;
  border-radius: 14px;
  margin-top: 6px;
  padding: 12px;
}


.filters-accordion .accordion-button::after {
  filter: brightness(1.8);
}



.filters-accordion .accordion-button {
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.05),
    0 6px 18px rgba(0,0,0,0.35);
}



@media (max-width: 768px) {
  .filters-accordion .accordion-button {
    padding: 14px 18px;
  }
}


/* Remove default accordion item background */
.filters-accordion .accordion-item {
  background-color: transparent;
  border: none;
}


/* Prevent white gaps when expanded */
.filters-accordion .accordion-collapse {
  background-color: transparent;
}


/* Ensure rounded corners clip children */
.filters-wrap {
  overflow: hidden;
}


/* Inner accordion panel spacing */
.filters-accordion .accordion-body {
  margin-top: 8px;
  padding: 12px;
  background-color: #1f232a;
  border-radius: 12px;
}