/* Barneo Search Widget - Dark Mode */

/* Автоматическая темная тема (только если не принудительно отключена) */
@media (prefers-color-scheme: dark) {
  .barneo-search-widget:not(.barneo-search-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-search-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-search-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-search-widget:not(.barneo-search-widget--light) .search-input {
    background-color: var(--barneo-bg-primary);
    border-color: var(--barneo-border-light);
    color: var(--barneo-text-primary);
  }

  .barneo-search-widget:not(.barneo-search-widget--light).barneo-search-widget--focus-enabled .search-input:focus {
    border-color: var(--barneo-border-focus);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
  }

  .barneo-search-widget:not(.barneo-search-widget--light).barneo-search-widget--focus-enabled .search-button:focus {
    border-color: var(--barneo-border-focus);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
  }
  

  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-input--disabled {
    background-color: var(--barneo-bg-disabled);
    color: var(--barneo-text-disabled);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .suggestions-dropdown {
    background-color: var(--barneo-bg-primary);
    border-color: var(--barneo-border-light);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .suggestion-section {
    border-bottom-color: var(--barneo-border-light);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .section-title {
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .clear-button {
    color: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .clear-button:hover {
    color: var(--barneo-text-primary);
    background: var(--barneo-bg-hover);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .history-item:hover,
  .barneo-search-widget:not(.barneo-search-widget--light) .hint-item:hover,
  .barneo-search-widget:not(.barneo-search-widget--light) .product-item:hover {
    background-color: var(--barneo-bg-hover);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .history-text,
  .barneo-search-widget:not(.barneo-search-widget--light) .hint-text {
    color: var(--barneo-text-secondary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .hint-text strong {
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .history-icon,
  .barneo-search-widget:not(.barneo-search-widget--light) .hint-icon {
    color: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .history-delete-button {
    color: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .history-delete-button:hover {
    background: var(--barneo-bg-hover);
    color: var(--barneo-error);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .query-tag {
    background: var(--barneo-bg-secondary);
    border-color: var(--barneo-border-light);
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .query-tag:hover {
    background: var(--barneo-bg-hover);
    border-color: var(--barneo-border-medium);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .product-name {
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .product-price {
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .product-image {
    background: var(--barneo-bg-secondary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .product-placeholder {
    color: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results {
    background-color: var(--barneo-bg-primary);
    border-color: var(--barneo-border-light);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__item {
    border-bottom-color: var(--barneo-border-light);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__item:hover {
    background-color: var(--barneo-bg-hover);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__item--selected {
    background-color: rgba(59, 130, 246, 0.2);
    border-left-color: var(--barneo-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__item-title {
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__item-description {
    color: var(--barneo-text-secondary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__loading,
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__empty {
    color: var(--barneo-text-muted);
  }
  

  
  .barneo-search-widget:not(.barneo-search-widget--light) .error-state {
    color: var(--barneo-error);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .no-results-icon {
    color: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .no-results-title {
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .no-results-query {
    color: var(--barneo-text-secondary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .no-results-query strong {
    color: var(--barneo-text-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .no-results-suggestions {
    color: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) ::-webkit-scrollbar-track {
    background: var(--barneo-bg-secondary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) ::-webkit-scrollbar-thumb {
    background: var(--barneo-border-medium);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) ::-webkit-scrollbar-thumb:hover {
    background: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__highlight {
    background-color: rgba(245, 158, 11, 0.3);
    color: #fbbf24;
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) *:focus {
    outline-color: var(--barneo-border-focus);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-input__spinner,
  .barneo-search-widget:not(.barneo-search-widget--light) .search-results__spinner {
    border-color: var(--barneo-border-light);
    border-top-color: var(--barneo-primary);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-input__clear {
    color: var(--barneo-text-muted);
  }
  
  .barneo-search-widget:not(.barneo-search-widget--light) .search-input__clear:hover {
    background-color: var(--barneo-bg-hover);
    color: var(--barneo-text-secondary);
  }
}

/* Стили для принудительной темной темы */
.barneo-search-widget--dark .search-input {
  background-color: var(--barneo-bg-primary);
  border-color: var(--barneo-border-light);
  color: var(--barneo-text-primary);
}

.barneo-search-widget--dark.barneo-search-widget--focus-enabled .search-input:focus {
  border-color: var(--barneo-border-focus);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.barneo-search-widget--dark.barneo-search-widget--focus-enabled .search-button:focus {
  border-color: var(--barneo-border-focus);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}



.barneo-search-widget--dark .search-input--disabled {
  background-color: var(--barneo-bg-disabled);
  color: var(--barneo-text-disabled);
}

.barneo-search-widget--dark .suggestions-dropdown {
  background-color: var(--barneo-bg-primary);
  border-color: var(--barneo-border-light);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.barneo-search-widget--dark .suggestion-section {
  border-bottom-color: var(--barneo-border-light);
}

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

.barneo-search-widget--dark .clear-button {
  color: var(--barneo-text-muted);
}

.barneo-search-widget--dark .clear-button:hover {
  color: var(--barneo-text-primary);
  background: var(--barneo-bg-hover);
}

.barneo-search-widget--dark .history-item:hover,
.barneo-search-widget--dark .hint-item:hover,
.barneo-search-widget--dark .product-item:hover {
  background-color: var(--barneo-bg-hover);
}

.barneo-search-widget--dark .history-text,
.barneo-search-widget--dark .hint-text {
  color: var(--barneo-text-secondary);
}

.barneo-search-widget--dark .hint-text strong {
  color: var(--barneo-text-primary);
}

.barneo-search-widget--dark .history-icon,
.barneo-search-widget--dark .hint-icon {
  color: var(--barneo-text-muted);
}

.barneo-search-widget--dark .history-delete-button {
  color: var(--barneo-text-muted);
}

.barneo-search-widget--dark .history-delete-button:hover {
  background: var(--barneo-bg-hover);
  color: var(--barneo-error);
}

.barneo-search-widget--dark .query-tag {
  background: var(--barneo-bg-secondary);
  border-color: var(--barneo-border-light);
  color: var(--barneo-text-primary);
}

.barneo-search-widget--dark .query-tag:hover {
  background: var(--barneo-bg-hover);
  border-color: var(--barneo-border-medium);
}

.barneo-search-widget--dark .product-name {
  color: var(--barneo-text-primary);
}

.barneo-search-widget--dark .product-price {
  color: var(--barneo-text-primary);
}

.barneo-search-widget--dark .product-image {
  background: var(--barneo-bg-secondary);
}

.barneo-search-widget--dark .product-placeholder {
  color: var(--barneo-text-muted);
}

.barneo-search-widget--dark .search-results {
  background-color: var(--barneo-bg-primary);
  border-color: var(--barneo-border-light);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

.barneo-search-widget--dark .search-results__item {
  border-bottom-color: var(--barneo-border-light);
}

.barneo-search-widget--dark .search-results__item:hover {
  background-color: var(--barneo-bg-hover);
}

.barneo-search-widget--dark .search-results__item--selected {
  background-color: rgba(59, 130, 246, 0.2);
  border-left-color: var(--barneo-primary);
}

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

.barneo-search-widget--dark .search-results__item-description {
  color: var(--barneo-text-secondary);
}

.barneo-search-widget--dark .search-results__loading,
.barneo-search-widget--dark .search-results__empty {
  color: var(--barneo-text-muted);
}



.barneo-search-widget--dark .error-state {
  color: var(--barneo-error);
}

.barneo-search-widget--dark .no-results-icon {
  color: var(--barneo-text-muted);
}

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

.barneo-search-widget--dark .no-results-query {
  color: var(--barneo-text-secondary);
}

.barneo-search-widget--dark .no-results-query strong {
  color: var(--barneo-text-primary);
}

.barneo-search-widget--dark .no-results-suggestions {
  color: var(--barneo-text-muted);
}

.barneo-search-widget--dark ::-webkit-scrollbar-track {
  background: var(--barneo-bg-secondary);
}

.barneo-search-widget--dark ::-webkit-scrollbar-thumb {
  background: var(--barneo-border-medium);
}

.barneo-search-widget--dark ::-webkit-scrollbar-thumb:hover {
  background: var(--barneo-text-muted);
}

.barneo-search-widget--dark .search-results__highlight {
  background-color: rgba(245, 158, 11, 0.3);
  color: #fbbf24;
}

.barneo-search-widget--dark *:focus {
  outline-color: var(--barneo-border-focus);
}

.barneo-search-widget--dark .search-input__spinner,
.barneo-search-widget--dark .search-results__spinner {
  border-color: var(--barneo-border-light);
  border-top-color: var(--barneo-primary);
}

.barneo-search-widget--dark .search-input__clear {
  color: var(--barneo-text-muted);
}

.barneo-search-widget--dark .search-input__clear:hover {
  background-color: var(--barneo-bg-hover);
  color: var(--barneo-text-secondary);
}