/* Barneo Filters Widget - Dark Mode */

/* Автоматическая темная тема (только если не принудительно отключена) */
@media (prefers-color-scheme: dark) {
  .barneo-filters-widget:not(.barneo-filters-widget--light) {
    /* Основные CSS переменные для темной темы */
    --barneo-bg-primary: var(--barneo-gray-800);
    --barneo-bg-secondary: var(--barneo-gray-700);
    --barneo-bg-hover: var(--barneo-gray-700);
    --barneo-bg-disabled: var(--barneo-gray-700);
    --barneo-bg-skeleton: var(--barneo-gray-600);

    --barneo-text-primary: var(--barneo-gray-100);
    --barneo-text-secondary: var(--barneo-gray-300);
    --barneo-text-muted: var(--barneo-gray-400);
    --barneo-text-disabled: var(--barneo-gray-500);

    --barneo-border-light: var(--barneo-gray-600);
    --barneo-border-medium: var(--barneo-gray-500);
    --barneo-border-focus: var(--barneo-primary);
  }
}

/* Принудительная светлая тема */
.barneo-filters-widget--light {
  /* Принудительно светлая тема - используем дефолтные переменные */
  --barneo-bg-primary: var(--barneo-white);
  --barneo-bg-secondary: var(--barneo-gray-50);
  --barneo-bg-hover: var(--barneo-gray-100);
  --barneo-bg-disabled: var(--barneo-gray-100);
  --barneo-bg-skeleton: var(--barneo-gray-200);

  --barneo-text-primary: var(--barneo-gray-900);
  --barneo-text-secondary: var(--barneo-gray-600);
  --barneo-text-muted: var(--barneo-gray-500);
  --barneo-text-disabled: var(--barneo-gray-400);

  --barneo-border-light: var(--barneo-gray-200);
  --barneo-border-medium: var(--barneo-gray-300);
  --barneo-border-focus: var(--barneo-primary);
}

/* Принудительная темная тема */
.barneo-filters-widget--dark {
  /* Принудительно темная тема */
  --barneo-bg-primary: var(--barneo-gray-800);
  --barneo-bg-secondary: var(--barneo-gray-700);
  --barneo-bg-hover: var(--barneo-gray-700);
  --barneo-bg-disabled: var(--barneo-gray-700);
  --barneo-bg-skeleton: var(--barneo-gray-600);

  --barneo-text-primary: var(--barneo-gray-100);
  --barneo-text-secondary: var(--barneo-gray-300);
  --barneo-text-muted: var(--barneo-gray-400);
  --barneo-text-disabled: var(--barneo-gray-500);

  --barneo-border-light: var(--barneo-gray-600);
  --barneo-border-medium: var(--barneo-gray-500);
  --barneo-border-focus: var(--barneo-primary);
}

/* Стили для темной темы (автоматической и принудительной) */
@media (prefers-color-scheme: dark) {
  .barneo-filters-widget:not(.barneo-filters-widget--light) {
    background-color: var(--barneo-bg-primary);
    color: var(--barneo-text-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filters-title {
    color: var(--barneo-text-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-group-header {
    color: var(--barneo-text-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-checkbox-label {
    color: var(--barneo-text-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-checkbox-input {
    border-color: var(--barneo-border-medium);
    background-color: var(--barneo-bg-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-checkbox-input:checked {
    background-color: var(--barneo-primary);
    border-color: var(--barneo-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-toggle {
    color: var(--barneo-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-skeleton-header,
  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-skeleton-checkbox,
  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-skeleton-label,
  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-skeleton-toggle-text,
  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filter-skeleton-toggle-icon {
    background-color: var(--barneo-bg-skeleton);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filters-empty-icon {
    color: var(--barneo-text-muted);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filters-empty-title {
    color: var(--barneo-primary);
  }

  .barneo-filters-widget:not(.barneo-filters-widget--light)
    .barneo-filters-empty-text {
    color: var(--barneo-text-secondary);
  }
}

/* Принудительная темная тема */
.barneo-filters-widget--dark {
  background-color: var(--barneo-bg-primary);
  color: var(--barneo-text-primary);
}

.barneo-filters-widget--dark .barneo-filters-title {
  color: var(--barneo-text-primary);
}

.barneo-filters-widget--dark .barneo-filter-group-header {
  color: var(--barneo-text-primary);
}

.barneo-filters-widget--dark .barneo-filter-checkbox-label {
  color: var(--barneo-text-primary);
}

.barneo-filters-widget--dark .barneo-filter-checkbox-input {
  border-color: var(--barneo-border-medium);
  background-color: var(--barneo-bg-primary);
}

.barneo-filters-widget--dark .barneo-filter-checkbox-input:checked {
  background-color: var(--barneo-primary);
  border-color: var(--barneo-primary);
}

.barneo-filters-widget--dark .barneo-filter-toggle {
  color: var(--barneo-primary);
}

.barneo-filters-widget--dark .barneo-filter-skeleton-header,
.barneo-filters-widget--dark .barneo-filter-skeleton-checkbox,
.barneo-filters-widget--dark .barneo-filter-skeleton-label,
.barneo-filters-widget--dark .barneo-filter-skeleton-toggle-text,
.barneo-filters-widget--dark .barneo-filter-skeleton-toggle-icon {
  background-color: var(--barneo-bg-skeleton);
}

.barneo-filters-widget--dark .barneo-filters-empty-icon {
  color: var(--barneo-text-muted);
}

.barneo-filters-widget--dark .barneo-filters-empty-title {
  color: var(--barneo-primary);
}

.barneo-filters-widget--dark .barneo-filters-empty-text {
  color: var(--barneo-text-secondary);
}

/* Range фильтры - темная тема */
.barneo-filters-widget--dark .barneo-filter-range-description {
  color: var(--barneo-text-secondary-dark, #AAAAAA);
}

.barneo-filters-widget--dark .barneo-filter-range-indicator {
  background-color: var(--barneo-bg-dark-secondary, #3A3A3A);
  border-color: var(--barneo-border-dark, #404040);
}

.barneo-filters-widget--dark .barneo-filter-range-indicator-text {
  color: var(--barneo-text-primary-dark, #FFFFFF);
}

.barneo-filters-widget--dark .barneo-filter-range-reset-button {
  background-color: var(--barneo-bg-dark, #2A2A2A);
  border-color: var(--barneo-border-dark, #404040);
  color: var(--barneo-text-secondary-dark, #AAAAAA);
}

.barneo-filters-widget--dark .barneo-filter-range-reset-button:hover {
  background-color: var(--barneo-bg-dark-secondary, #3A3A3A);
  border-color: var(--barneo-border-medium-dark, #555555);
  color: var(--barneo-text-primary-dark, #FFFFFF);
}

.barneo-filters-widget--dark .barneo-filter-range-reset-button:active {
  background-color: var(--barneo-border-dark, #404040);
}

/* Range Selector - темная тема */
.barneo-filters-widget--dark .barneo-range-track {
  background-color: var(--barneo-border-dark, #404040);
}

.barneo-filters-widget--dark .barneo-range-slider::-webkit-slider-thumb {
  background-color: var(--barneo-bg-dark, #2A2A2A);
  border-color: var(--barneo-border-dark, #404040);
}

.barneo-filters-widget--dark .barneo-range-slider::-moz-range-thumb {
  background-color: var(--barneo-bg-dark, #2A2A2A);
  border-color: var(--barneo-border-dark, #404040);
}

.barneo-filters-widget--dark .barneo-range-input-label {
  color: var(--barneo-text-secondary-dark, #AAAAAA);
}

.barneo-filters-widget--dark .barneo-range-input {
  background-color: var(--barneo-bg-dark, #2A2A2A);
  border-color: var(--barneo-border-dark, #404040);
  color: var(--barneo-text-primary-dark, #FFFFFF);
}

.barneo-filters-widget--dark .barneo-range-input:focus {
  border-color: var(--barneo-primary, #1A1A2E);
}

.barneo-filters-widget--dark .barneo-range-input::placeholder {
  color: var(--barneo-text-muted-dark, #666666);
}