.elementor-3216 .elementor-element.elementor-element-61e5e115{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-f9aea0c *//* COPPER THEME CART PAGE */
:root {
  --tz-copper:    ;
  --tz-copper-light: #d18d50;
  --tz-copper-dark: #9c5e2b;
  --tz-white: #ffffff;
  --tz-black: #1a1a1a;
  --tz-black-light: #2a2a2a;
  --tz-gray: #666666;
  --tz-gray-light: #888888;
}

/* =========================================== */
/* ALL THREE COPPER BUTTONS */
/* =========================================== */

/* Proceed to Checkout Button */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button .button .alt .wc-forward  button .button a ::before{
  background: var(--tz-copper) !important;
  color: var(--tz-white) !important;
  border: 2px solid var(--tz-copper) !important;
  border-radius: 12px !important;
  padding: 18px 32px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  width: 100% !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: block !important;
  text-align: center !important;
  cursor: pointer !important;
  margin-top: 20px !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: var(--tz-copper-light) !important;
  border-color: var(--tz-copper-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(184, 115, 51, 0.3) !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:active {
  transform: translateY(0) !important;
  background: var(--tz-copper-dark) !important;
  border-color: var(--tz-copper-dark) !important;
}

/* Apply Coupon Button */
.woocommerce-cart .coupon button.button[name="apply_coupon"] {
  background: var(--tz-copper) !important;
  color: var(--tz-white) !important;
  border: 2px solid var(--tz-copper) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  height: 48px !important;
  line-height: 1 !important;
  margin-left: 10px !important;
}

.woocommerce-cart .coupon button.button[name="apply_coupon"]:hover {
  background: var(--tz-copper-light) !important;
  border-color: var(--tz-copper-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(184, 115, 51, 0.3) !important;
}

.woocommerce-cart .coupon button.button[name="apply_coupon"]:active {
  transform: translateY(0) !important;
  background: var(--tz-copper-dark) !important;
  border-color: var(--tz-copper-dark) !important;
}

/* Update Cart Button */
.woocommerce-cart .actions button.button[name="update_cart"] {
  background: var(--tz-copper) !important;
  color: var(--tz-white) !important;
  border: 2px solid var(--tz-copper) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  height: 48px !important;
  line-height: 1 !important;
}

.woocommerce-cart .actions button.button[name="update_cart"]:hover {
  background: var(--tz-copper-light) !important;
  border-color: var(--tz-copper-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(184, 115, 51, 0.3) !important;
}

.woocommerce-cart .actions button.button[name="update_cart"]:active {
  transform: translateY(0) !important;
  background: var(--tz-copper-dark) !important;
  border-color: var(--tz-copper-dark) !important;
}

/* =========================================== */
/* QUANTITY INPUT WITH UP/DOWN ARROWS */
/* =========================================== */

/* Quantity container */
.woocommerce-cart .quantity {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 60px !important;
  height: 80px !important;
  border: 2px solid var(--tz-copper) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: var(--tz-black-light) !important;
  position: relative !important;
}

/* Quantity input field */
.woocommerce-cart .quantity .qty {
  width: 100% !important;
  height: 50% !important;
  background: var(--tz-black-light) !important;
  border: none !important;
  border-bottom: 1px solid #444 !important;
  color: var(--tz-white) !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.woocommerce-cart .quantity .qty:focus {
  outline: none !important;
  background: rgba(184, 115, 51, 0.1) !important;
}

/* Hide number input spinners */
.woocommerce-cart .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Arrow buttons container */
.woocommerce-cart .quantity .quantity-arrows {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 50% !important;
}

/* Individual arrow buttons */
.woocommerce-cart .quantity .quantity-up,
.woocommerce-cart .quantity .quantity-down {
  width: 100% !important;
  height: 50% !important;
  background: var(--tz-copper) !important;
  color: var(--tz-white) !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

/* Up arrow (increase) */
.woocommerce-cart .quantity .quantity-up {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.woocommerce-cart .quantity .quantity-up:before {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid currentColor !important;
}

/* Down arrow (decrease) */
.woocommerce-cart .quantity .quantity-down:before {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid currentColor !important;
}

/* Hover effects */
.woocommerce-cart .quantity .quantity-up:hover,
.woocommerce-cart .quantity .quantity-down:hover {
  background: var(--tz-copper-light) !important;
}

/* Active state */
.woocommerce-cart .quantity .quantity-up:active,
.woocommerce-cart .quantity .quantity-down:active {
  background: var(--tz-copper-dark) !important;
}

/* Remove WooCommerce default buttons */
.woocommerce-cart .quantity .minus,
.woocommerce-cart .quantity .plus {
  display: none !important;
}

/* Add new arrow buttons if they don't exist */
.woocommerce-cart .quantity:before {
  content: "" !important;
  display: none !important;
}

/* =========================================== */
/* RESPONSIVE DESIGN */
/* =========================================== */

/* Tablets (768px to 1023px) */
@media screen and (max-width: 1023px) and (min-width: 768px) {
  /* Buttons */
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    padding: 16px 24px !important;
    font-size: 17px !important;
  }
  
  .woocommerce-cart .coupon button.button[name="apply_coupon"],
  .woocommerce-cart .actions button.button[name="update_cart"] {
    padding: 11px 20px !important;
    font-size: 15px !important;
    height: 46px !important;
  }
  
  /* Quantity */
  .woocommerce-cart .quantity {
    width: 55px !important;
    height: 74px !important;
  }
  
  .woocommerce-cart .quantity .qty {
    font-size: 15px !important;
  }
  
  .woocommerce-cart .quantity .quantity-up:before,
  .woocommerce-cart .quantity .quantity-down:before {
    border-left-width: 5px !important;
    border-right-width: 5px !important;
    border-bottom-width: 5px !important;
    border-top-width: 5px !important;
  }
}

/* Large Mobile (576px to 767px) */
@media screen and (max-width: 767px) and (min-width: 576px) {
  /* Buttons */
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    padding: 15px 20px !important;
    font-size: 16px !important;
  }
  
  .woocommerce-cart .coupon button.button[name="apply_coupon"],
  .woocommerce-cart .actions button.button[name="update_cart"] {
    padding: 10px 18px !important;
    font-size: 14px !important;
    height: 44px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
  
  .woocommerce-cart .coupon .button {
    margin-left: 0 !important;
  }
  
  /* Quantity */
  .woocommerce-cart .quantity {
    width: 50px !important;
    height: 68px !important;
  }
  
  .woocommerce-cart .quantity .qty {
    font-size: 14px !important;
    padding: 8px 0 !important;
  }
}

/* Small Mobile (425px to 575px) */
@media screen and (max-width: 575px) and (min-width: 425px) {
  /* Buttons */
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    padding: 14px 18px !important;
    font-size: 15px !important;
  }
  
  .woocommerce-cart .coupon button.button[name="apply_coupon"],
  .woocommerce-cart .actions button.button[name="update_cart"] {
    padding: 9px 16px !important;
    font-size: 13px !important;
    height: 42px !important;
  }
  
  /* Quantity */
  .woocommerce-cart .quantity {
    width: 45px !important;
    height: 62px !important;
    border-width: 1.5px !important;
  }
  
  .woocommerce-cart .quantity .qty {
    font-size: 13px !important;
    padding: 7px 0 !important;
  }
  
  .woocommerce-cart .quantity .quantity-up:before,
  .woocommerce-cart .quantity .quantity-down:before {
    border-left-width: 4px !important;
    border-right-width: 4px !important;
    border-bottom-width: 4px !important;
    border-top-width: 4px !important;
  }
}

/* Extra Small Mobile (320px to 424px) */
@media screen and (max-width: 424px) {
  /* Buttons */
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    padding: 12px 16px !important;
    font-size: 14px !important;
  }
  
  .woocommerce-cart .coupon button.button[name="apply_coupon"],
  .woocommerce-cart .actions button.button[name="update_cart"] {
    padding: 8px 14px !important;
    font-size: 12px !important;
    height: 40px !important;
  }
  
  /* Quantity */
  .woocommerce-cart .quantity {
    width: 42px !important;
    height: 58px !important;
    border-width: 1px !important;
    border-radius: 6px !important;
  }
  
  .woocommerce-cart .quantity .qty {
    font-size: 12px !important;
    padding: 6px 0 !important;
  }
  
  .woocommerce-cart .quantity .quantity-up:before,
  .woocommerce-cart .quantity .quantity-down:before {
    border-left-width: 3px !important;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    border-top-width: 3px !important;
  }
}

/* Touch Device Optimization */
@media (hover: none) and (pointer: coarse) {
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
  .woocommerce-cart .coupon button.button[name="apply_coupon"],
  .woocommerce-cart .actions button.button[name="update_cart"],
  .woocommerce-cart .quantity .quantity-up,
  .woocommerce-cart .quantity .quantity-down {
    min-height: 44px !important;
  }
  
  .woocommerce-cart .quantity {
    min-height: 70px !important;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
  .woocommerce-cart .coupon button.button[name="apply_coupon"]:hover,
  .woocommerce-cart .actions button.button[name="update_cart"]:hover,
  .woocommerce-cart .quantity .quantity-up:hover,
  .woocommerce-cart .quantity .quantity-down:hover {
    transform: none !important;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button:active,
  .woocommerce-cart .coupon button.button[name="apply_coupon"]:active,
  .woocommerce-cart .actions button.button[name="update_cart"]:active,
  .woocommerce-cart .quantity .quantity-up:active,
  .woocommerce-cart .quantity .quantity-down:active {
    transform: scale(0.98) !important;
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
  .woocommerce-cart .coupon button.button[name="apply_coupon"],
  .woocommerce-cart .actions button.button[name="update_cart"],
  .woocommerce-cart .quantity .quantity-up,
  .woocommerce-cart .quantity .quantity-down {
    transition: none !important;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
  .woocommerce-cart .coupon button.button[name="apply_coupon"]:hover,
  .woocommerce-cart .actions button.button[name="update_cart"]:hover,
  .woocommerce-cart .quantity .quantity-up:hover,
  .woocommerce-cart .quantity .quantity-down:hover {
    transform: none !important;
    box-shadow: none !important;
  }
}

/* Add arrow buttons via JavaScript injection */
.woocommerce-cart .quantity {
  position: relative !important;
}

/* Create arrow buttons using pseudo-elements as fallback */
.woocommerce-cart .quantity:after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 30px !important;
  pointer-events: none !important;
  background: linear-gradient(to right, transparent, var(--tz-black-light) 50%) !important;
}

/* Table cell alignment */
.woocommerce-cart table.cart td.product-quantity {
  text-align: center !important;
  vertical-align: middle !important;
}

.woocommerce-cart td.product-quantity .quantity {
  margin: 0 auto !important;
  display: inline-block !important;
}
.woocommerce-notices-wrapper{
  color:#B87333; 
}
.image{
  color:#B87333; 
}/* End custom CSS */