@import '../../styles/abstracts/variables';

.product-delete-confirm-modal {
  overflow: hidden;
}

.product-card {
  overflow: hidden;
  &__picture {
    img,
    .ant-skeleton-avatar {
      width: 82px !important;
      height: 82px !important;
      object-fit: cover;
    }
  }

  &__info {
    padding: 16px;

    &--content {
      min-height: 80px;

      .product-drag-btn {
        padding-right: 0;
      }

      &__price {
        line-height: 22px;
        color: $gray4;
      }

      &__status {
        font-size: 12px;
        line-height: 20px;
        padding: 0 6px;
        color: #ffffff;
        display: inline-block;
        border-radius: 4px;

        &--active {
          background-color: $green;
        }

        &--draft {
          background-color: $gray8;
        }

        &--unpublished {
          background-color: $yellow;
        }
      }
    }

    &--footer {
      border-top: solid 1px $gray5;
      align-items: flex-end;

      .ant-btn-link {
        color: $default;
      }

      > button:first-child {
        padding-left: 0 !important;
      }
    }
  }
  &__title {
    max-width: 298px;
  }
}
