/* Cart page theme */
body.cart {
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  --gold: #d9b56b;
}

/* Navbar */
body.cart .navbar { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; border-bottom:1px solid rgba(255,255,255,0.08) !important; box-shadow:0 10px 40px rgba(0,0,0,0.35) !important; }
body.cart .nav-menu a { color:#DCC9A7 !important; }
body.cart .nav-menu a:hover { color: var(--gold) !important; }
body.cart .lang-btn, body.cart #cart-count { background:#DCC9A7 !important; color: var(--bg-darker) !important; }

/* Backgrounds */
body.cart .cart-section { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }

/* Items and summary cards */
body.cart .cart-items-section h2,
body.cart .cart-summary h3 { color: var(--gold) !important; }
/* Panels (cards): keep outlines on the cards, not on the text */
/* Card containers */
body.cart .cart-summary {
  background: transparent !important;
  border: 1px solid rgba(217,181,107,0.45) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.18) !important;
}
/* Remove outlines from Promo Code and Shipping blocks per request */
body.cart .promo-code,
body.cart .shipping-options {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* Items wrapper has no outline; each item is its own card */
body.cart .cart-items { background: transparent !important; border: none !important; box-shadow: none !important; }
/* Inner content blocks should not add their own lines */
body.cart .summary-details { background: transparent !important; border: none !important; box-shadow: none !important; }
body.cart .summary-line { border: none !important; }
body.cart .summary-line span, body.cart .promo-code h4, body.cart .shipping-options h4, body.cart .shipping-option span { color: var(--gold) !important; }
body.cart .promo-input input { background: transparent !important; color:#DCC9A7 !important; border:1px solid rgba(220,201,167,0.55) !important; }
body.cart .promo-input input::placeholder { color: rgba(220,201,167,0.65) !important; }

/* Buttons */
body.cart .btn-primary, body.cart .btn-outline { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.cart .btn-primary:hover, body.cart .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color:#000000 !important; }
/* Checkout hover solid beige */
body.cart .checkout-btn.btn-primary:hover { background:#DCC9A7 !important; color:#000000 !important; border-color:#DCC9A7 !important; box-shadow:0 10px 24px rgba(0,0,0,0.25) !important; }

/* Cart item card buttons: transparent + outline + beige text */
body.cart .cart-items .item-actions .view-btn,
body.cart .cart-items .item-actions .remove-btn {
  background: transparent !important;
  color: var(--gold) !important;
  border: 2px solid var(--gold) !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
}
body.cart .cart-items .item-actions .view-btn:hover,
body.cart .cart-items .item-actions .remove-btn:hover {
  background: rgba(217,181,107,0.15) !important;
  color: #000000 !important;
}

/* Promo Apply button ensure same style */
body.cart .promo-code .promo-input .btn-outline { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.cart .promo-code .promo-input .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color:#000000 !important; }

/* Recommended items cards */
body.cart .recommended-products h3, body.cart .recommended-products .current-price { color: var(--gold) !important; }
/* Recommended product cards: keep a card outline */
body.cart .recommended-products .product-card { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.18) !important; }
/* Underlines beneath titles and prices in recommended cards to beige */
/* Beige dividers under titles/prices */
/* If the beige color doesn't apply, remove those thin divider lines entirely on cart */
body.cart .recommended-products .product-content h3::after,
body.cart .recommended-products .product-price::after,
body.cart .product-card .product-content h3::after,
body.cart .product-card .product-price::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Ensure the beige divider lines are visible and centered */
body.cart .recommended-products .product-content h3 {
  position: relative;
  padding-bottom: 8px;
}
body.cart .recommended-products .product-content h3::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 2px;
  border-radius: 1px;
  background: #DCC9A7 !important;
}
body.cart .recommended-products .product-price {
  position: relative;
  padding-bottom: 8px;
}
body.cart .recommended-products .product-price::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 2px;
  border-radius: 1px;
  background: #DCC9A7 !important;
}

/* Totals line to beige */
body.cart .summary-details .total-line { border-top: 2px solid var(--gold) !important; }

/* Cart items rows: transparent + beige text */
/* Each cart item acts as a card with its own outline */
body.cart .cart-items .cart-item {
  background: transparent !important;
  border: 1px solid rgba(217,181,107,0.45) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  border-radius: 14px !important;
  padding: 12px !important;
}
body.cart .cart-items .cart-item + .cart-item { margin-top: 14px !important; }

/* Quantity controls: beige outline and text */
body.cart .cart-items .quantity-controls .quantity-btn {
  background: transparent !important;
  color: var(--gold) !important;
  border: 1.5px solid var(--gold) !important;
  border-radius: 8px !important;
}
/* Make the pill behind the quantity transparent (remove beige fill) */
body.cart .cart-items .quantity-controls {
  background: transparent !important;
  border: 1px solid rgba(217,181,107,0.45) !important;
}
/* Ensure any additional inline backgrounds are neutralized */
body.cart .item-customization { background: transparent !important; border-color: rgba(217,181,107,0.25) !important; }
body.cart .cart-items .quantity-controls .quantity-btn:hover {
  background: rgba(217,181,107,0.15) !important;
  color: #000000 !important;
}
body.cart .cart-items .quantity-controls .quantity { color: var(--gold) !important; }
body.cart .cart-items .cart-item *,
body.cart .cart-items-section h2,
body.cart .cart-items .product-title,
body.cart .cart-items .product-price,
body.cart .cart-items .quantity-control,
body.cart .cart-items .remove-btn { color: var(--gold) !important; }
body.cart .recommended-products .product-actions .btn-primary,
body.cart .recommended-products .product-actions .btn-outline { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.cart .recommended-products .product-actions .btn-primary:hover,
body.cart .recommended-products .product-actions .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color:#000000 !important; }

/* Footer */
body.cart .footer { background:#DCC9A7 !important; color:#000000 !important; }
body.cart .footer h3, body.cart .footer a, body.cart .footer p { color:#000000 !important; }
body.cart .footer .footer-section h3::after { background:#000000 !important; }

/* Remove the small divider line above the price on cart item cards */
body.cart .total-price {
  border-top: none !important;
  padding-top: 0 !important;
}