/* Fadeaway Studio - WooCommerce tweaks */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background: var(--fa-accent);
  color: #fff;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 800;
  border: 1px solid transparent;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  opacity: .95;
  transform: translateY(-1px);
}

.woocommerce .woocommerce-breadcrumb{
  font-size: 13px;
  color: rgba(0,0,0,.60);
  margin: 18px 0 20px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  border-radius: var(--fa-radius);
  border: 1px solid var(--fa-border);
  background: var(--fa-surface);
  box-shadow: var(--fa-shadow-soft);
  padding: 14px;
  overflow: hidden;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: var(--fa-font-heading);
  font-size: 18px;
  margin-top: 10px;
}
.woocommerce ul.products li.product .price{
  color: var(--fa-accent);
  font-weight: 900;
}

.woocommerce span.onsale{
  background: var(--fa-accent);
  color: #fff;
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 900;
  line-height: 1.2;
}

.woocommerce div.product .product_title{
  font-family: var(--fa-font-heading);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: var(--fa-accent);
  font-weight: 900;
}

.woocommerce-message,
.woocommerce-info{
  border-top-color: var(--fa-accent);
}
.woocommerce-message::before,
.woocommerce-info::before{
  color: var(--fa-accent);
}

.woocommerce .quantity .qty{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 10px 10px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
  border-radius: 12px;
  padding: 10px 10px;
  border: 1px solid rgba(0,0,0,.14);
}
.woocommerce-cart .cart-collaterals .cart_totals{
  border-radius: var(--fa-radius);
  border: 1px solid var(--fa-border);
  background: var(--fa-surface);
  box-shadow: var(--fa-shadow-soft);
  padding: 18px;
}

.woocommerce form.checkout{
  border-radius: var(--fa-radius);
}
.woocommerce-checkout #payment{
  border-radius: var(--fa-radius);
  background: var(--fa-surface);
  border: 1px solid var(--fa-border);
}