/* Основной контейнер */
.barneo-sort-widget {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: inherit;
}

/* Контейнер опций сортировки */
.barneo-sort-content {
  width: 100%;
}

.barneo-sort-options {
  display: flex;
  align-items: center;
  gap: var(--barneo-sort-gap);
  flex-wrap: wrap;
}

/* Кнопка опции сортировки */
.barneo-sort-option {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: var(--barneo-sort-background);
  border: none;
  border-radius: var(--barneo-sort-border-radius);
  padding: var(--barneo-sort-padding-y) var(--barneo-sort-padding-x);
  min-height: var(--barneo-sort-min-height);
  font-size: var(--barneo-sort-font-size);
  line-height: var(--barneo-sort-line-height);
  color: var(--barneo-sort-text-muted);
  text-decoration: none;
  cursor: pointer;
  transition: var(--barneo-sort-transition);
  outline: none;
  user-select: none;
  white-space: nowrap;
  font-weight: 400;
}

/* Состояние наведения */
.barneo-sort-option:hover:not(.barneo-sort-option--disabled) {
  color: var(--barneo-sort-text);
  background: var(--barneo-sort-background-hover);
  transform: translateY(-1px);
}

/* Активное состояние */
.barneo-sort-option--active {
  color: var(--barneo-sort-text-active);
  font-weight: 500;
  background: var(--barneo-sort-background);
  position: relative;
}

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

/* Отключенное состояние */
.barneo-sort-option--disabled {
  opacity: var(--barneo-sort-disabled-opacity);
  cursor: not-allowed;
  pointer-events: none;
}

/* Фокус */
.barneo-sort-option:focus-visible {
  outline: var(--barneo-sort-focus-outline);
  outline-offset: var(--barneo-sort-focus-outline-offset);
}

/* Контент опции */
.barneo-sort-option-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* Лейбл опции */
.barneo-sort-option-label {
  font-weight: inherit;
  color: inherit;
  transition: var(--barneo-sort-transition);
}

/* Индикатор загрузки */
.barneo-sort-loading-indicator {
  display: flex;
  align-items: center;
  margin-left: var(--barneo-sort-loading-margin-left);
}

.barneo-sort-loading-spinner {
  width: var(--barneo-sort-loading-size);
  height: var(--barneo-sort-loading-size);
  border: 1.5px solid transparent;
  border-top: 1.5px solid var(--barneo-sort-loading-color);
  border-radius: 50%;
  animation: barneo-sort-spin 0.8s linear infinite;
}

/* Состояние ошибки */
.barneo-sort-error {
  width: 100%;
  padding: 12px;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  color: #721c24;
  font-size: 14px;
}

.barneo-sort-error-message {
  margin: 0;
}