:root{--page-title-display:none;}/* Start custom CSS *//* ==== Spectra Shop – Premium Gold Cart Theme (Elementor Custom CSS) ==== */

body.woocommerce-cart {
  --gold-1: #f6c453;
  --gold-2: #d4a017;
  --gold-dark: #b88a12;

  --bg: #f6f7fb;
  --card: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: rgba(0,0,0,.08);

  background: linear-gradient(180deg, #fafafa, var(--bg)) fixed !important;
  min-height: 100vh;
  color: var(--text);
}

/* Let our background show through theme wrappers */
body.woocommerce-cart #page,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content,
body.woocommerce-cart .content-area,
body.woocommerce-cart main {
  background: transparent !important;
}

/* Main cart container */
body.woocommerce-cart .woocommerce {
  background: var(--card) !important;
  border-radius: 18px !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
  padding: clamp(16px, 2.5vw, 28px) !important;
  margin-bottom: 18px !important;
}

/* Headings with premium gold accent */
body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3 {
  color: var(--text) !important;
  border-left: 4px solid var(--gold-2);
  padding-left: 10px;
  margin-bottom: 14px;
}

/* Cart table style */
body.woocommerce-cart table.shop_table {
  background: #fff !important;
  border-radius: 14px !important;
  overflow: hidden;
  border: 1px solid var(--border) !important;
}

body.woocommerce-cart table.shop_table th {
  background: #faf7ef !important;
  color: var(--text) !important;
  font-weight: 600;
}

body.woocommerce-cart table.shop_table td,
body.woocommerce-cart table.shop_table th {
  border-color: var(--border) !important;
  padding: 12px !important;
}

/* Product name & links */
body.woocommerce-cart .product-name a {
  color: var(--text) !important;
  text-decoration: none !important;
  font-weight: 600;
}
body.woocommerce-cart .product-name a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

/* Quantity box */
body.woocommerce-cart .quantity .qty {
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  width: 70px !important;
  background: #fff !important;
}

/* Coupon row spacing */
body.woocommerce-cart .coupon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* Coupon input */
body.woocommerce-cart .coupon input.input-text {
  flex: 1;
  min-width: 180px;
  border-radius: 12px !important;
  border: 1px solid var(--border) !important;
  padding: 12px 14px !important;
}

/* Buttons – Premium Gold */
body.woocommerce-cart .button,
body.woocommerce-cart .checkout-button,
body.woocommerce-cart .coupon button,
body.woocommerce-cart button[name="update_cart"] {
  background: linear-gradient(135deg, var(--gold-1), var(--gold-2)) !important;
  color: #1f1f1f !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  box-shadow: 0 8px 22px rgba(212,160,23,.30) !important;
  transition: transform .1s ease, box-shadow .2s ease, background .2s ease;
}

body.woocommerce-cart .button:hover,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-cart .coupon button:hover,
body.woocommerce-cart button[name="update_cart"]:hover {
  background: linear-gradient(135deg, var(--gold-2), var(--gold-dark)) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(212,160,23,.45) !important;
}

/* Cart totals box */
body.woocommerce-cart .cart_totals {
  background: #fff !important;
  padding: 20px !important;
  border-radius: 18px !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
}

/* Cart totals heading accent */
body.woocommerce-cart .cart_totals h2 {
  border-left: 4px solid var(--gold-2);
  padding-left: 10px;
}

/* Notices */
body.woocommerce-cart .woocommerce-info {
  background: #fffbeb !important;
  border-left: 4px solid var(--gold-2) !important;
  color: var(--text) !important;
}

body.woocommerce-cart .woocommerce-error {
  background: #fef2f2 !important;
  border-left: 4px solid #dc2626 !important;
}

body.woocommerce-cart .woocommerce-message {
  background: #fdf6e3 !important;
  border-left: 4px solid var(--gold-2) !important;
}

/* Checkbox & radio accent */
body.woocommerce-cart input[type="checkbox"],
body.woocommerce-cart input[type="radio"] {
  accent-color: var(--gold-2) !important;
}

/* Mobile: keep it clean, non-congested */
@media (max-width: 768px) {
  body.woocommerce-cart table.shop_table td,
  body.woocommerce-cart table.shop_table th {
    padding: 10px !important;
  }

  /* Make checkout button feel premium on mobile */
  body.woocommerce-cart .checkout-button {
    width: 100% !important;
    padding: 16px !important;
    font-size: 16px !important;
  }

  /* Coupon layout becomes stacked naturally */
  body.woocommerce-cart .coupon input.input-text {
    width: 100% !important;
  }
}/* End custom CSS */