/* KSGlobalDropdown design tokens — override via inline Style on the component root. */

.ks-global-dropdown {
  --ks-dropdown-bg: #ffffff;
  --ks-dropdown-text: #333333;
  --ks-dropdown-panel-bg: #ffffff;
  --ks-dropdown-menu-width: 100%;
  --ks-dropdown-menu-border: 1px solid #d8dee5;
  --ks-dropdown-hover-bg: #f5f5f5;
  --ks-dropdown-hover-text: inherit;
  --ks-dropdown-option-text-color: inherit;
  --ks-dropdown-empty-text-color: #7d8a97;
  --ks-dropdown-option-selected-bg: #d1d1d136;
  --ks-dropdown-option-selected-text: #000000;
  --ks-dropdown-category-header-bg: #0c3b5d;
  --ks-dropdown-category-header-text: #ffffff;
}

.ks-global-dropdown[data-ks-variant="primary"] {
  --ks-dropdown-panel-bg: #0c3b5d;
  --ks-dropdown-bg: #0c3b5d;
  --ks-dropdown-text: #ffffff;
  --ks-dropdown-option-text-color: #ffffff;
  --ks-dropdown-hover-bg: rgba(255, 255, 255, 0.12);
  --ks-dropdown-hover-text: #ffffff;
  --ks-dropdown-option-highlight-bg: rgba(255, 255, 255, 0.18);
  --ks-dropdown-option-highlight-text: #ffffff;
  --ks-dropdown-option-selected-bg: rgba(255, 255, 255, 0.15);
  --ks-dropdown-option-selected-text: #ffffff;
  --ks-dropdown-menu-border: 0px solid #d8dee5;
}

.ks-global-dropdown[data-ks-variant="secondary"] {
  --ks-dropdown-panel-bg: #f4f7fa;
  --ks-dropdown-hover-bg: #e8eef4;
}

.ks-global-dropdown[data-ks-variant="success"] {
  --ks-dropdown-panel-bg: #198754;
  --ks-dropdown-option-text-color: #ffffff;
  --ks-dropdown-hover-bg: rgba(255, 255, 255, 0.15);
}

.ks-global-dropdown[data-ks-variant="danger"] {
  --ks-dropdown-panel-bg: #dc3545;
  --ks-dropdown-option-text-color: #ffffff;
  --ks-dropdown-hover-bg: rgba(255, 255, 255, 0.15);
}

.ks-global-dropdown[data-ks-variant="warning"] {
  --ks-dropdown-panel-bg: #ffc107;
  --ks-dropdown-option-text-color: #212529;
  --ks-dropdown-hover-bg: rgba(0, 0, 0, 0.08);
}

.ks-global-dropdown[data-ks-variant="ghost"] {
  --ks-dropdown-panel-bg: transparent;
  --ks-dropdown-hover-bg: rgba(0, 0, 0, 0.06);
}

.ks-global-dropdown[data-ks-size="xs"] {
  /*font-size: 12px;*/
}

.ks-global-dropdown[data-ks-size="sm"] {
  /*font-size: 13px;*/
}

.ks-global-dropdown[data-ks-size="md"] {
  /*font-size: 14px;*/
}

.ks-global-dropdown[data-ks-size="lg"] {
  /*font-size: 16px;*/
}

.ks-global-dropdown[data-ks-size="xl"] {
  /*font-size: 18px;*/
}

.ks-global-dropdown__menu {
  width: var(--ks-dropdown-menu-width, 100%);
  background: var(--ks-dropdown-panel-bg);
  border: var(--ks-dropdown-menu-border);
}
.ks-global-dropdown[data-ks-reset-trigger="false"] {
  max-width: var(--ks-dropdown-menu-width);
}
.ks-global-dropdown__option[data-ks-selected="true"] {
  background: var(--ks-dropdown-option-selected-bg);
  color: var(--ks-dropdown-option-selected-text);
}
.ks-global-dropdown.ks-global-dropdown--trigger-ui-reset input {
  padding: 0px 0px;
}
.ks-global-dropdown__option[data-ks-highlighted="true"]:not([data-ks-disabled="true"]) {
  background: var(--ks-dropdown-option-highlight-bg, var(--ks-dropdown-hover-bg));
  color: var(--ks-dropdown-option-highlight-text, var(--ks-dropdown-hover-text));
}