@pagination--item-size: 40px;

.pagination-white() {
  li.item {   
    > * {        
      background: @champagne-25;
    }
    
    &.current {
      > * {
        background: @champagne;        
      }
    }
  }
}

.pagination {
  overflow: hidden;
  padding-bottom: @default--space;
  list-style: none;

  li.item {
    float: left;
    margin-left: 8px;

    &:first-child {
      margin-left: 0;
    }

    > * {
      display: block;
      height: @pagination--item-size;
      width: @pagination--item-size;
      text-align: center;
      line-height: @pagination--item-size;
      background: @white;
      color: @champagne;

      span.label {
        display: none;
      }
    }

    &.pages-item-previous,
    &.pages-item-next {
      position: relative;

      span {
        display: none;
      }

      beyer-icon {
        svg {
          * {
            fill: @champagne !important;
          }
        }
      }
    }

    &.current {
      > * {
        background: @champagne;
        color: @white;
      }
    }

    &.disabled {
      opacity: .3;
    }
  }

  &.pagination-white-background {
    .pagination-white;
  }
}

pagination-component {
  &[color="white"] {
    .pagination {
      .pagination-white;
    }
  }
}

.toolbar-products {
  width: 100%;
  float: left;
  margin-bottom: 40px;

  .gt-lg({
    margin-bottom: 120px;
  });

  .pages {
    
    > strong {
      display: none;
    }

    ul.items.pages-items {
      .pagination;
    }
  }
}
