@import "../variables/dimensions";
@import "../variables/colors";

.rc-catalog-list-item {
  width: 100%;

  background-color: $catalog-list-item-bg-color;

  border-width: 1px;
  border-style: solid;
  border-color: $catalog-list-item-border-color;
  border-bottom-width: 0;
}

.rc-catalog-list-item:first-child {
  border-top-left-radius: $catalog-list-item-border-radius;
  border-top-right-radius: $catalog-list-item-border-radius;
}

.rc-catalog-list-item:last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: $catalog-list-item-border-radius;
  border-bottom-right-radius: $catalog-list-item-border-radius;
}

.rc-catalog-list-item__header {
  display: flex;

  flex-direction: row;

  align-items: center;

  width: 100%;

  padding: $catalog-list-item-padding 0;
}

.rc-catalog-list-item__main {
  display: flex;

  flex-direction: row;

  align-items: center;

  width: (6 / 12) * 100%;

  margin-right: (2 / 12) * 100%;

  padding-left: $catalog-list-item-padding;
}

.rc-catalog-list-item__icon {
  flex-shrink: 0;
}

.rc-catalog-list-item__content {
  display: flex;

  flex-direction: column;
  flex-grow: 1;

  justify-content: center;

  padding: 0 $catalog-list-item-padding;

  overflow: hidden;
}

.rc-catalog-list-item__text {
  overflow: hidden;
  text-overflow: ellipsis;

  white-space: nowrap;
}

.rc-catalog-list-item__name {
  color: $catalog-list-item-name-color;

  font-size: $catalog-list-item-name-font-size;
  font-weight: bold;
}

.rc-catalog-list-item__description {
}

.rc-catalog-list-item__arrow {
  color: $catalog-list-item-arrow-color;

  width: (1 / 12) * 100%;

  text-align: right;

  padding-right: $catalog-list-item-padding;
}

.rc-catalog-list-item__price-container {
  width: (3 / 12) * 100%;
}

.rc-catalog-list-item__arrow {
  overflow: hidden;
}
