/* List 组件基础样式 */
@import './header.less';
@import './content.less';
@import './footer.less';
@import './floatButton.less';
@import './responsive.less';
@import '../components/Pagination/Pagination.less';

/* 主容器样式 */
.pisell-list {
  display: flex;
  flex-direction: column;
  background: #f8f9fa;
  border-radius: 8px;
  overflow: hidden;

  /* 垂直排版的特殊滚动处理 */
  &.pisell-list-vertical {
    .list-content {
      /* 默认禁用内容区域的独立滚动，让容器级别滚动 */
      &:not(.list-content-scroll) {
        overflow-y: visible;
      }

      /* scroll模式下仍需要内容区域滚动 */
      &.list-content-scroll {
        overflow-y: auto;
      }
    }
  }

  /* 当启用sticky时的额外样式 */
  &.pisell-list-sticky-enabled {
    /* sticky相关的额外处理可以在这里添加 */
    position: relative;
  }

  #level2-wrap {
    margin-bottom: 12px;
    position: relative;
  }
  #level1-wrap {
    position: relative;
  }

  /* 空状态样式已移至 EmptyState 组件 */
}