@import "@css[shared]/components/catalog/_catalog.b2b-list";

.catalog-b2b-list-form-wrapper {
   .btn-insert {
      &::after {
         display: none;
      }
   }
}

.catalog-b2b-list-variations-wrapper {
   margin-left: 0;

   .catalog-b2b-list {
      padding-left: 84px;
   }
}

.quantity-discounts-wrapper {
   width: fit-content;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-right: 10px;
}

.catalog-b2b-list-content {
   .price-wrapper {
      .price {
         color: $catalog-b2b-list-price-color;
         font-size: $font-size-smaller;
         font-weight: normal;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;

         > strong {
            color: $black;
            font-size: $font-size-base;
            font-weight: 600;
            line-height: 24px;
         }

         &.q-discount {
            color: $red;

            > strong {
               color: $red;
            }
         }
      }

      .price-moc {
         display: none;
      }

      .delivery-wrapper {
         .delivery {
            color: $black;

            &.delivery-0 {
               color: $black;
            }

            &.delivery--1 {
               color: $black;
            }

            &.delivery--2 {
               color: $black;
            }
         }
      }
   }
}

.title-delivery-wrapper {
   .title-wrapper {
      .code {
         margin-bottom: 5px;
      }

      > a {
         margin-bottom: 7px;
      }
   }
}

.catalog-b2b-list-variations-wrapper {
   .catalog-b2b-list-content {
      .price-wrapper {
         display: flex;
         align-items: center;
         flex-direction: row;

      }
   }
}

.catalog-b2b-list-variations-wrapper {
   background-color: $background;
}

@media screen and (max-width: $xl - 1) {
   .catalog-b2b-list-form-wrapper {
      width: 250px;
   }

   .catalog-b2b-list-content {
      .price-wrapper {
         width: 200px
      }
   }
}

@media screen and (max-width: 1169px) {
   .quantity-discounts-wrapper {
      display: none;
   }

   .catalog-b2b-list-content {
      .price-wrapper {
         width: fit-content;
      }
   }
}

@media screen and (max-width: $md - 1) {
   .catalog-b2b-list-variations-wrapper .catalog-b2b-list {
      padding-left: 0;
   }
}

@media screen and (max-width: $md - 1) and (min-width: $xs) {
   .catalog-b2b-list {
      flex-direction: column;
   }
   .catalog-b2b-list-form-wrapper {
      width: 100%;
   }
}

@media screen and (max-width: $md - 1) {

   .catalog-b2b-list-form-wrapper {
      width: 100%;
      max-width: 300px;
   }
}
