/* Guide Map:
 * 1.0 - Cart Product Thumbnail image
 * 2.0 - Cart Product Title
 * 3.0 - Cart Product Price & Subtotal
 * 4.0 - Cart Qty fields
 * 5.0 - Cart page cart collaterals
 * 6.0 - Cart page cart collaterals title
 * 7.0 - Cart page cart collaterals shipping method
 * 8.0 - Bold Prices
 * 9.0 - Cart page cart collaterals hide shipping destination and shipping calc.
 * 10.0 - Cart page cart total & subtotal text align & font weight
 * 11.0 - Cart page Shipping option Margin
 * 12.0 - Cart page procced to checkout Button
 * 13.0 - Cart page Inputs
 * 14.0 - Cart page Coupon
 * 15.0 - Update Cart
 * 16.0 - Quantity fields
 * 17.0 - Cart item
 * 18.0 - Upsell container margin
 * 19.0 - Responsive Styles
 * 20.0 - Side Cart
 */

/* 1.0 - Cart Product Thumbnail image */
.woocommerce-cart .product-thumbnail img {
  border: 1px solid #9993 !important;
}

.woocommerce-cart .product-thumbnail {
  max-width: 100px !important;
}

/* 2.0 - Cart Product Title */
.woocommerce-cart .product-info a {
  font-size: var(--small-font-size) !important;
  line-height: 1.225em !important;
  padding: 5px;
  padding-left: 0;
  font-weight: 500;
  color: var(--color-primary) !important;
  display: block;
}

/* 3.0 - Cart Product Price & Subtotal */
.woocommerce-cart .product-price bdi,
.woocommerce-cart .product-price bdi span,
.woocommerce-cart .product-subtotal bdi,
.woocommerce-cart .product-subtotal bdi span {
  font-size: 1.4rem;
}

/* 4.0 - Cart Qty fields */
.woocommerce-cart #webtim-wooc-product-qty {
  width: fit-content;
  width: -moz-fit-content;
}

/* 5.0 - Cart page cart collaterals */
.woocommerce-cart .cart-collaterals h6 {
  font-size: 1.4rem;
  font-weight: 600 !important;
}

/* 6.0 - Cart page cart collaterals title */
.woocommerce-cart .webtim-cart--cart-totals--title {
  font-size: 2rem !important;
  margin-bottom: 16px;
  margin-top: 0px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid #cac9cc;
  color: #000;
}

/* 7.0 - Cart page cart collaterals shipping method */
.woocommerce-cart #shipping_method li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px !important;
}

.woocommerce-cart #shipping_method li:last-child {
  margin-bottom: 0;
}

.woocommerce-cart #shipping_method li label,
.woocommerce-cart #shipping_method li label bdi,
.woocommerce-cart #shipping_method li label span {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 24px;
}

/* 8.0 - Bold Prices */
.woocommerce-cart #shipping_method li label span,
.woocommerce-cart #shipping_method li label bdi {
  font-weight: bold;
}

/* 9.0 - Cart page cart collaterals hide shipping destination and shipping calc. */
.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-cart #webtim_woocommerce_shipping_calculator {
 display: none;
}

/* 10.0 - Cart page cart total & subtotal text align & font weight */
.woocommerce-cart .cart-subtotal p,
.woocommerce-cart .order-total p {
  text-align: right;
}

.woocommerce-cart .cart-subtotal p bdi,
.woocommerce-cart .cart-subtotal p span,
.woocommerce-cart .order-total p bdi,
.woocommerce-cart .order-total p span {
  font-weight: 400 !important;
  font-size: 1.4rem;
}

/* 11.0 - Cart page Shipping option Margin */
.woocommerce-cart .woocommerce-shipping-totals {
  margin-bottom: 28px;
}

/* 12.0 - Cart page procced to checkout Button */
.woocommerce-cart .wc-proceed-to-checkout a {
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  margin-bottom: 0 !important;
	background-color:#eec25e;
	color:#fff;
}

.woocommerce-cart .wc-proceed-to-checkout a:hover {
  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
}

/* 13.0 - Cart page Inputs */
.woocommerce-cart #shipping_method input {
  border: 2px solid var(--color-primary) !important;
  margin-right: 12px !important;
}

.woocommerce-cart #shipping_method input:checked::after {
  background-color: var(--color-primary) !important;
}

/* 14.0 - Cart page Coupon */
#coupon_code {
  background-color: #f4f4f4;
  font-size: 1.2rem;
  padding: 10px;
  max-width: 200px !important;
  border: 1px dashed #0000003d;
  border-top-left-radius: 0;
}

#coupon_code:focus-visible {
  outline: none;
}

.coupon-btn {
  font-weight: 500 !important;
  color: var(--color-primary) !important;
  text-decoration: none !important;
  font-size: 14px !important;
}

.webtim-cart--coupon__wrapper {
  justify-content: flex-start !important;
}

/* 15.0 - Update Cart */
.webtim-cart--update-cart-btn__wrapper button {
  font-weight: 400 !important;
  opacity: 1 !important;
  text-transform: uppercase;
  border: none !important;
}

/* 16.0 - Quantity fields */
#webtim-wooc-product-qty {
  border: 1px solid #ccc;
  height: 38px;
  margin-right: 10px;
}

#webtim-wooc-qty-plus,
#webtim-wooc-qty-minus,
#webtim-wooc-product-qty input {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#webtim-wooc-qty-plus,
#webtim-wooc-qty-minus {
  width: 35px;
  transition: all 0.5s;
  background-color: #f5f5f5;
}

#webtim-wooc-qty-plus:hover,
#webtim-wooc-qty-minus:hover {
  background-color: #ccc;
}

#webtim-wooc-product-qty .quantity {
  height: 100%;
  margin: 0;
}

#webtim-wooc-product-qty input {
  vertical-align: middle;
  width: 40px;
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

/* 17.0 - Cart item */
.woocommerce-cart-form__cart-item .product-info {
  line-height: 1.225em;
}

.woocommerce-cart-form__cart-item .product-info .single-attribute {
  font-size: 12px;
}

.woocommerce-cart-form__cart-item .product-info br {
  display: none;
}

/* 18.0 - Upsell cotnainer margin */
.webtim-cart--cross-sells__container {
  margin: 0 !important;
}

/* 19.0 - Responsive Styles */
@media only screen and (max-width: 1024px) {
  .webtim-cart--cart-collaterals__container {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  /* Cart Page */

  .woocommerce-cart .product-thumbnail {
    display: block !important;
  }

  .woocommerce-cart .cart-collaterals .cart-subtotal,
  .woocommerce-cart .cart-collaterals .cart-subtotal h6,
  .woocommerce-cart .cart-collaterals .order-total,
  .woocommerce-cart .cart-collaterals .order-total h6 {
    flex-wrap: nowrap;
    margin: 0;
  }

  .woocommerce-cart #shipping_method {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  /* Product title */

  .woocommerce-cart .product-info a {
    font-size: 1.2rem;
  }

  /* Product image */

  .woocommerce-cart .product-thumbnail {
    max-width: 65px !important;
  }

  /* Update Cart */

  .webtim-cart--update-cart-btn__wrapper {
    width: 100% !important;
  }

  .webtim-cart--update-cart-btn__wrapper button {
    padding: 10px 25px !important;
  }

  /* Coupon */

  .coupon-btn {
    margin: 0 !important;
  }

  #coupon_code {
    max-width: 100% !important;
  }

  .webtim-cart--coupon__wrapper {
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .webtim-cart--coupon__wrapper .coupon-btn {
    line-height: 1.225em !important;
    min-width: 111px;
    text-align: left;
    font-size: var(--smallest-font-size) !important;
    padding: 0;
  }

  .webtim-cart--update-cart-btn__wrapper button {
    margin-right: 0 !important;
  }

  .webtim-cart__container,
  .webtim-cart--products {
    margin-bottom: 20px !important;
  }
}

/* 20.0 - Side Cart */
.cart-icon .product-name {
  line-height: 24px !important;
}

/****
Cross Sells
****/
.cross-sells ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.cross-sells ul.products::before {
  display: none;
}
.sana--cross-sell-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 320px !important ;
  width: 100% !important;
  border: 1px solid var(--color-theme-gray) !important;
}
.cross-sells ul li a.woocommerce-LoopProduct-link {
  flex-grow: 1;
}
/*****
Prices
*****/

/*Variables*/
.sana--cross-sell-item .price {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}

.sana--cross-sell-item .price del {
  text-decoration-thickness: 1px;
}

.sana--cross-sell-item .price ins,
.sana--cross-sell-item .price del,

/*Variables*/
.sana-cta.product-page .price ins,
.sana-cta.product-page .price del {
  flex-basis: 100%;
}

.sana--cross-sell-item .price ins {
  text-decoration: none;
}

.sana--cross-sell-item .price bdi,
.sana--cross-sell-item .price bdi span {
  color: var(--color-primary);
  font-size: var(--font-size-2-4);
  font-weight: var(--font-weight-700);
  font-family: "Source Serif 4", Sans-serif;
}

.sana--cross-sell-item .price del,
.sana--cross-sell-item .price del bdi,
.sana--cross-sell-item .price del bdi span {
  color: var(--color-primary);
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-400);
  font-family: "Source Serif 4", Sans-serif;
}
/*Add to cart / Button*/
.sana--cross-sell-item a.button {
  padding: 15px 10px 15px 10px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-1-4);
  transition: var(--transition-time);
}
.sana--cross-sell-item a.button:hover {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
/*Title*/
.sana--cross-sell-item h2.woocommerce-loop-product__title {
  color: var(--color-primary);
  font-size: var(--font-size-2) !important;
  font-weight: var(--font-weight-700);
  line-height: 3rem;
  text-align: center;
}
.webtim-cart--cross-sells__container .cross-sells>h2 {
  margin-bottom: 25px;
}
/*Discount*/
.sana--cross-sell-item .onsale.percentage {
  display: none;
}
/*Cart Free Shipping*/
.webtim-cart--cart-collaterals__container .webtim-shipping--till-free-shipping--notice {
  padding: 10px 15px;
  background-color: var(--color-secondary);
  text-align: center;
  font-size: var(--font-size-1-4);
  color: var(--color-primary);
}
.webtim-cart--cart-collaterals__container .webtim-shipping--till-free-shipping--notice i {
  display: none;
}

.webtim-cart--proceed-to-checkout__btn.wc-proceed-to-checkout .button-sanaamicus-back-shop{
	display: block !important;
	font-size: 16px;
	line-height: 16px;
	padding: 16px !important;
	margin-top: 12px;
	text-align: center;
}
.webtim-cart--form__wrapper .webtim-cart--shop-table__container .webtim-cart--products .product-subtotal {
    max-width: 92px;
    width: 100%;
    text-align: center;
}
form.checkout_coupon.woocommerce-form-coupon {
    background-color: #fff;
    margin-bottom: 32px;
    margin-top: 0;
}

