/*
 * Final, site-wide dropdown palette. Keep this stylesheet last in base.html so
 * page-specific button styles can never turn autocomplete panels gold again.
 */
select {
  color-scheme: dark;
}

select option,
select optgroup {
  background-color: #090e0c;
  color: #eadfc8;
}

select option:checked {
  background-color: #17211d;
  color: #f0cf6a;
}

.poe-suggestions,
.compare-suggestions,
.modifier-autocomplete,
.roll-suggestions,
.craft-suggestions,
[role="listbox"].is-open {
  background: #090e0c !important;
  color: #eadfc8 !important;
  border-color: #53625a !important;
  color-scheme: dark;
}

.poe-suggestions a,
.compare-suggestions button,
.modifier-autocomplete button,
.modifier-autocomplete a,
.roll-suggestions button,
.craft-suggestions button,
[role="listbox"].is-open > button,
[role="listbox"].is-open > a {
  background: #090e0c !important;
  color: #eadfc8 !important;
  text-shadow: none !important;
}

.poe-suggestions a:hover,
.poe-suggestions a:focus-visible,
.poe-suggestions a.is-active,
.compare-suggestions button:hover,
.compare-suggestions button:focus-visible,
.compare-suggestions button.is-active,
.modifier-autocomplete button:hover,
.modifier-autocomplete button:focus-visible,
.modifier-autocomplete button.is-active,
.modifier-autocomplete a:hover,
.modifier-autocomplete a:focus-visible,
.modifier-autocomplete a.is-active,
.roll-suggestions button:hover,
.roll-suggestions button:focus-visible,
.roll-suggestions button.is-active,
.craft-suggestions button:hover,
.craft-suggestions button:focus-visible,
.craft-suggestions button.is-active,
[role="listbox"].is-open > button:hover,
[role="listbox"].is-open > button:focus-visible,
[role="listbox"].is-open > button.is-active,
[role="listbox"].is-open > a:hover,
[role="listbox"].is-open > a:focus-visible,
[role="listbox"].is-open > a.is-active {
  background: #17211d !important;
  color: #f3d572 !important;
}

.poe-suggestions strong,
.compare-suggestions strong,
.modifier-autocomplete strong,
.roll-suggestions strong,
.craft-suggestions strong,
[role="listbox"].is-open strong {
  color: #e5c966 !important;
  text-shadow: none !important;
}

.poe-suggestions small,
.compare-suggestions small,
.modifier-autocomplete small,
.roll-suggestions small,
.craft-suggestions small,
[role="listbox"].is-open small {
  color: #83c9c6 !important;
  text-shadow: none !important;
}

.poe-suggestions-empty,
.compare-search-state,
.roll-suggestions > span,
.craft-suggestions > span,
[role="listbox"].is-open > span {
  background: #090e0c !important;
  color: #aebdb5 !important;
}