/**
 * Entity Selector Styles
 * @package prestashop-entity-selector
 * @version 2.0.0
 *
 * Compiles to: assets/css/admin/entity-selector.css
 */

// Foundation
@use 'variables' as *;
@use 'mixins' as *;

// Layouts
@use 'layouts/form-integration';
@use 'layouts/responsive';

// Components
@use 'components/entity-selector';
@use 'components/entity-item';  // Shared base for chips and list items
@use 'components/dropdown';
@use 'components/chips';
@use 'components/groups';
@use 'components/value-picker';
@use 'components/modal';
@use 'components/list-preview';
@use 'components/schedule';
@use 'components/tips';
@use 'components/condition-trait';
@use 'components/combinations';
@use 'components/method-dropdown';
@use 'components/tooltip';
@use 'components/tree';
@use 'components/validation';
@use 'components/replace-modal';

// Refactor additions (Mar 2026)
// Loading state
.loading-count { opacity: 0.5; transition: opacity 0.15s; }
.tab-badge.loading { opacity: 0.5; transition: opacity 0.15s; }

// Expand/collapse CSS transitions (replaces jQuery slideDown/slideUp)
.entity-selector-blocks-content,
.condition-trait-body,
.group-modifiers-content {
  transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
  overflow: hidden;
}
.entity-selector-blocks-content:not(.es-expanded),
.condition-trait-body:not(.es-expanded),
.group-modifiers-content:not(.es-expanded) {
  max-height: 0 !important;
  opacity: 0;
  pointer-events: none;
}
.entity-selector-blocks-content.es-expanded,
.condition-trait-body.es-expanded,
.group-modifiers-content.es-expanded {
  max-height: 2000px;
  opacity: 1;
  pointer-events: auto;
}

// Empty state component
.es-empty-state,
.chips-empty-state {
  display: block;
  padding: 0.75rem 1rem;
  color: #94a3b8;
  font-size: 0.8rem;
  font-style: italic;
  text-align: center;
}
// chips-wrapper, chips-toolbar, and chips-load-more are created by JS
// only when chips exist — not rendered in template when empty