.elementor-761 .elementor-element.elementor-element-0cad575{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-820a9cc */.elementor-widget-woocommerce-cart {
  --bg: #0a0820;
  --card: #15112e;
  --card-2: #1d1942;
  --border: rgba(255,255,255,.10);
  --gold: #e8b34b;
  --gold-hover: #f5c866;
  --text: #f1ece0;
  --muted: #a9a4c0;
}

/* 1. Flatten the nesting: wrappers become invisible */
.elementor-widget-woocommerce-cart .e-cart__column,
.elementor-widget-woocommerce-cart .e-cart__column-start,
.elementor-widget-woocommerce-cart .e-cart__column-end,
.elementor-widget-woocommerce-cart .woocommerce-cart-form,
.elementor-widget-woocommerce-cart .cart-collaterals {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 2. The real cards: items, coupon, totals */
.elementor-widget-woocommerce-cart .e-cart-section,
.elementor-widget-woocommerce-cart .e-coupon-box,
.elementor-widget-woocommerce-cart .e-cart-totals,
.elementor-widget-woocommerce-cart .cart_totals {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.35) !important;
  color: var(--text) !important;
}
/* avoid a card inside the totals card */
.elementor-widget-woocommerce-cart .e-cart-totals .cart_totals {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.elementor-widget-woocommerce-cart .e-coupon-box { margin-top: 24px; }

/* 3. Text: everything cream, headers muted */
.elementor-widget-woocommerce-cart,
.elementor-widget-woocommerce-cart td,
.elementor-widget-woocommerce-cart th,
.elementor-widget-woocommerce-cart label,
.elementor-widget-woocommerce-cart .product-name,
.elementor-widget-woocommerce-cart .product-quantity,
.elementor-widget-woocommerce-cart .cart_totals th,
.elementor-widget-woocommerce-cart .cart_totals td {
  color: var(--text) !important;
  border-color: var(--border) !important;
  background: transparent !important;
}
.elementor-widget-woocommerce-cart thead th,
.elementor-widget-woocommerce-cart .shop_table th {
  color: var(--muted) !important;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .12em;
}
.elementor-widget-woocommerce-cart h2,
.elementor-widget-woocommerce-cart .cart_totals h2 {
  font-family: "Playfair Display", Georgia, serif !important;
  color: var(--text) !important;
  font-size: 22px;
}

/* 4. Product link: no more blue */
.elementor-widget-woocommerce-cart .product-name a {
  color: var(--text) !important;
  font-family: Georgia, serif;
  text-decoration: none;
}
.elementor-widget-woocommerce-cart .product-name a:hover { color: var(--gold) !important; }
.elementor-widget-woocommerce-cart .product-thumbnail img {
  border-radius: 6px;
  border: 1px solid var(--border);
}

/* 5. Prices in gold */
.elementor-widget-woocommerce-cart .amount,
.elementor-widget-woocommerce-cart .product-price,
.elementor-widget-woocommerce-cart .product-subtotal,
.elementor-widget-woocommerce-cart .cart-subtotal td,
.elementor-widget-woocommerce-cart .order-total td { color: var(--gold) !important; }
.elementor-widget-woocommerce-cart .order-total .amount { font-size: 1.3em; font-weight: 700; }

/* 6. Remove (x) */
.elementor-widget-woocommerce-cart a.remove {
  color: var(--muted) !important;
  background: transparent !important;
  border: 1px solid var(--border);
  border-radius: 50%;
}
.elementor-widget-woocommerce-cart a.remove:hover {
  color: var(--bg) !important;
  background: var(--gold) !important;
}

/* 7. Inputs: quantity + coupon */
.elementor-widget-woocommerce-cart input[type="text"],
.elementor-widget-woocommerce-cart input[type="number"],
.elementor-widget-woocommerce-cart .quantity input,
.elementor-widget-woocommerce-cart #coupon_code {
  background: var(--card-2) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
}
.elementor-widget-woocommerce-cart input:focus {
  outline: none !important;
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(232,179,75,.2) !important;
}
.elementor-widget-woocommerce-cart ::placeholder { color: var(--muted) !important; opacity: .8; }

/* 8. Primary button: gold */
.elementor-widget-woocommerce-cart .checkout-button,
.elementor-widget-woocommerce-cart .wc-proceed-to-checkout a {
  background: var(--gold) !important;
  color: #0a0820 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 16px 28px !important;
  transition: background .2s, transform .2s;
}
.elementor-widget-woocommerce-cart .checkout-button:hover,
.elementor-widget-woocommerce-cart .wc-proceed-to-checkout a:hover {
  background: var(--gold-hover) !important;
  transform: translateY(-1px);
}

/* 9. Secondary buttons: gold outline */
.elementor-widget-woocommerce-cart .e-update-cart-button,
.elementor-widget-woocommerce-cart .e-apply-coupon,
.elementor-widget-woocommerce-cart button[name="update_cart"],
.elementor-widget-woocommerce-cart button[name="apply_coupon"] {
  background: transparent !important;
  color: var(--gold) !important;
  border: 1px solid var(--gold) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
.elementor-widget-woocommerce-cart .e-update-cart-button:hover,
.elementor-widget-woocommerce-cart .e-apply-coupon:hover,
.elementor-widget-woocommerce-cart button[name="update_cart"]:hover,
.elementor-widget-woocommerce-cart button[name="apply_coupon"]:hover {
  background: var(--gold) !important;
  color: #0a0820 !important;
}
.elementor-widget-woocommerce-cart button[disabled] { opacity: .4 !important; }

/* 10. Mobile */
@media (max-width: 767px) {
  .elementor-widget-woocommerce-cart .e-cart-section,
  .elementor-widget-woocommerce-cart .e-coupon-box,
  .elementor-widget-woocommerce-cart .e-cart-totals { padding: 16px !important; }
}/* End custom CSS */