/*
* NOTICE OF LICENSE
*
* @author    INVERTUS, UAB www.invertus.eu <support@invertus.eu>
* @copyright Copyright (c) permanent, INVERTUS, UAB
* @license   Addons PrestaShop license limitation
* @see       /LICENSE
*
* International Registered Trademark & Property of INVERTUS, UAB
*/
.sua-product-name{
  margin-top: 1rem;
}
.sua-product-price{
  margin-bottom: 1rem;
}
.sua-card{
  background-color: white;
}
.sua-upsell-attributes{
  margin-bottom: 5px;
}
.sua-alert-box{
  display: none;
  text-align: center;
  margin-bottom: 5px;
}
.sua-alert-text{
  color: white;
  margin: 0;
}
.sua-addtocartconfirmation {
  display:block;
  position:fixed;
  bottom:0px;
  left:0px;
  text-align:center;
  padding:10px 0px;
  width:100%;
  z-index:99999;
}
.sua-addtocartconfirmation span {
  color:#fff;
  text-shadow:1px 1px 0px #000;
  font-size:18px;
  font-weight:bold;
}

.js-upsell-product .has-discount.product-price {
  display: flex;
  font-size: 34px;
}
/*.js-upsell-product .has-discount.product-price .current-price,
.js-upsell-product .has-discount.product-price .product-discount{
  margin-left: auto;
  margin-right: auto;
}*/
.js-upsell-product .has-discount.product-price .product-discount {
  color: inherit;
}

.upsell-product-image {
  padding-bottom: 35px;
}

.upsell-product-card {
  border: 1px solid #e1e1e1;
  margin-right: 15px;
  padding-top: 15px;
}

.upsell-product-name a {
  white-space: normal;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-transform: none;
  color: rgb(51, 55, 69);
  line-height: 20px;
  vertical-align: middle;
  padding: 10px 7px 7px 7px;
  display: table-cell;
  text-align: center;
}

.product-line-grid .upsell-product-flags {
  position: absolute;
  top: 10px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  pointer-events: none;
  right: 10px;
}

.product-line-grid li.upsell-product-flag.discount {
  font-size: 14px;
  height: 41px;
  width: 41px;
  line-height: 43px;
  background-color: #e24492;
  padding-left: 2px;
  margin-left: auto;
  margin-right: 20px;
  border-radius: 50%;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  pointer-events: auto;
  background: #e24492;
  font-weight: 600;
}

.upsell-product-card .current-price {
  order: 1;
}

.upsell-product-card .current-price span {
  font-weight: 600;
  font-size: 22px;
}

.upsell-product-card .product-discount {
  order: 2;
}

.upsell-product-card .product-discount span {
  font-weight: 400;
  font-size: 14px;
  margin-right: 0;
  margin-left: 10px;
}

.sua-product-price {
  justify-content: center;
}

.upsell-product-card form {
  text-align: center;
}

.upsell-product-card .sua-add-to-cart {
  border-radius: 10%!important;
  width: 50px!important;
  height: 43px!important;
  background-color: #982f8b;
  font-size: 0px;
  display: inline-block;
  padding: 0.5rem 0.8rem;
  margin: 10px;
}

.product-line-grid .sua-add-to-cart:after {
  content: url("data:image/svg+xml;utf8, <svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='25.03' height='25.36' viewBox='0 0 25.03 25.36'><defs><style>.cls-1{fill:white;}</style></defs><title>add_to_cart</title><path class='cls-1' d='M516.39-46.59l1-7.41H512a5.36,5.36,0,0,0-3.34-4.93,4.68,4.68,0,0,0-4.38.58A5.56,5.56,0,0,0,502-54h-6l1.79,14a3.5,3.5,0,0,0,3.47,3H509a6.49,6.49,0,0,0,5.55,3.14,6.51,6.51,0,0,0,6.5-6.5A6.51,6.51,0,0,0,516.39-46.59ZM503-54.13a4.53,4.53,0,0,1,1.86-3.4,3.68,3.68,0,0,1,3.46-.46A4.38,4.38,0,0,1,511-54.11V-54h-8v-.13ZM501.26-38a2.51,2.51,0,0,1-2.48-2.18L497.13-53h19.08l-.8,6.2a6.44,6.44,0,0,0-.89-.06,6.51,6.51,0,0,0-6.5,6.5,6.4,6.4,0,0,0,.46,2.36Zm13.26,3.14a5.51,5.51,0,0,1-5.5-5.5,5.5,5.5,0,0,1,5.5-5.5,5.5,5.5,0,0,1,5.5,5.5A5.5,5.5,0,0,1,514.52-34.86Z' transform='translate(-496 59.23)'/><path class='cls-1' d='M517-40.86h-2v-2a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5v2h-2a.5.5,0,0,0-.5.5.51.51,0,0,0,.5.5h2v2a.51.51,0,0,0,.5.5.5.5,0,0,0,.5-.5v-2h2a.5.5,0,0,0,.5-.5A.5.5,0,0,0,517-40.86Z' transform='translate(-496 59.23)'/></svg>");
  display: block;
  top: 7px;
  left: 2px
}

@media only screen and (max-width: 767px) {
  .upsell-product-card .current-price span {
    font-size: 1rem !important;
    margin: 0px !important;
  }
}
