/* Nach jquery-ui.css laden – sonst gewinnt das helle Standard-Theme. */

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: var(--font);
}

.ui-widget.ui-widget-content,
.ui-widget-content {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border-strong);
}

.ui-widget-header {
  background: var(--surface-2);
  color: var(--text);
  border-color: var(--border);
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  background: var(--field);
  color: var(--text);
  border-color: var(--border-strong);
}

.ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus {
  background: var(--surface-2);
  color: var(--text);
  border-color: var(--accent);
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  background: rgba(var(--accent-rgb), 0.16);
  color: var(--text);
  border-color: var(--accent);
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow);
  padding: 4px 0;
  margin: 0;
  list-style: none;
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.35;
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 300;
}

ul.ui-autocomplete.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  background: transparent;
  list-style: none;
}

ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
  display: block;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  cursor: pointer;
}

ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active,
ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-focus,
ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-hover {
  margin: 0;
  border: 0;
  background: rgba(var(--accent-rgb), 0.16);
  color: var(--text);
  font-weight: 400;
}

ul.ui-autocomplete.ui-widget-content a,
ul.ui-autocomplete.ui-widget-content a:link,
ul.ui-autocomplete.ui-widget-content a:visited,
ul.ui-autocomplete.ui-widget-content a:hover,
ul.ui-autocomplete.ui-widget-content a:active {
  color: var(--text);
  text-decoration: none;
}