/* Темная тема */
@media (prefers-color-scheme: dark) {
  :root {
    --barneo-sort-primary: var(--barneo-primary, #0091ea);
    --barneo-sort-primary-hover: var(--barneo-primary-hover, #0077cc);
    --barneo-sort-text: var(--barneo-gray-100, #f3f4f6);
    --barneo-sort-text-muted: var(--barneo-gray-400, #9ca3af);
    --barneo-sort-text-active: var(--barneo-primary, #0091ea);
    --barneo-sort-background: transparent;
    --barneo-sort-background-hover: var(--barneo-gray-800, #1f2937);
    --barneo-sort-border: transparent;
    --barneo-sort-border-hover: transparent;
    --barneo-sort-border-active: transparent;
    --barneo-sort-loading-color: var(--barneo-primary, #0091ea);
    --barneo-sort-focus-outline: 2px solid rgba(0, 145, 234, 0.4);
  }

  /* Состояние ошибки в темной теме */
  .barneo-sort-error {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
  }
}

/* Принудительная темная тема */
.barneo-sort-widget--dark {
  --barneo-sort-primary: var(--barneo-primary, #0091ea);
  --barneo-sort-primary-hover: var(--barneo-primary-hover, #0077cc);
  --barneo-sort-text: var(--barneo-gray-100, #f3f4f6);
  --barneo-sort-text-muted: var(--barneo-gray-400, #9ca3af);
  --barneo-sort-text-active: var(--barneo-primary, #0091ea);
  --barneo-sort-background: transparent;
  --barneo-sort-background-hover: var(--barneo-gray-800, #1f2937);
  --barneo-sort-border: transparent;
  --barneo-sort-border-hover: transparent;
  --barneo-sort-border-active: transparent;
  --barneo-sort-loading-color: var(--barneo-primary, #0091ea);
  --barneo-sort-focus-outline: 2px solid rgba(0, 145, 234, 0.4);
}

.barneo-sort-widget--dark .barneo-sort-error {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

/* Принудительная светлая тема */
.barneo-sort-widget--light {
  --barneo-sort-primary: var(--barneo-primary, #0091ea);
  --barneo-sort-primary-hover: var(--barneo-primary-hover, #0077cc);
  --barneo-sort-text: var(--barneo-gray-900, #111827);
  --barneo-sort-text-muted: var(--barneo-gray-600, #4b5563);
  --barneo-sort-text-active: var(--barneo-primary, #0091ea);
  --barneo-sort-background: transparent;
  --barneo-sort-background-hover: var(--barneo-gray-50, #f9fafb);
  --barneo-sort-border: transparent;
  --barneo-sort-border-hover: transparent;
  --barneo-sort-border-active: transparent;
  --barneo-sort-loading-color: var(--barneo-primary, #0091ea);
  --barneo-sort-focus-outline: 2px solid rgba(0, 145, 234, 0.25);
}

/* Дополнительные стили для темной темы */
.barneo-sort-widget--dark .barneo-sort-option {
  color: var(--barneo-sort-text-muted);
}

.barneo-sort-widget--dark
  .barneo-sort-option:hover:not(.barneo-sort-option--disabled) {
  color: var(--barneo-sort-text);
  background: var(--barneo-sort-background-hover);
}

.barneo-sort-widget--dark .barneo-sort-option--active {
  color: var(--barneo-sort-text-active);
  font-weight: 500;
}

.barneo-sort-widget--dark .barneo-sort-option--active:hover {
  color: var(--barneo-sort-primary-hover);
}

/* Дополнительные стили для светлой темы */
.barneo-sort-widget--light .barneo-sort-option {
  color: var(--barneo-sort-text-muted);
}

.barneo-sort-widget--light
  .barneo-sort-option:hover:not(.barneo-sort-option--disabled) {
  color: var(--barneo-sort-text);
  background: var(--barneo-sort-background-hover);
}

.barneo-sort-widget--light .barneo-sort-option--active {
  color: var(--barneo-sort-text-active);
  font-weight: 500;
}

.barneo-sort-widget--light .barneo-sort-option--active:hover {
  color: var(--barneo-sort-primary-hover);
}