/* Envious Lashes - /cart/ page. Light touch, on-brand, cart-only. Jul 2026. */

/* ===== BUTTONS ===== */
/* PROCEED TO CHECKOUT - bold solid gold primary */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button.button.alt{
  display:block !important; width:100% !important; background:var(--c-gold) !important; color:var(--c-white) !important;
  border:0 !important; border-radius:9px !important; padding:16px !important; font-size:13px !important;
  font-weight:700 !important; letter-spacing:.18em; text-transform:uppercase !important;
  text-align:center !important; box-shadow:none !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{ background:var(--c-gold-dark) !important; }

/* APPLY coupon - small gold */
.woocommerce button[name="apply_coupon"]{
  background:var(--c-gold) !important; color:var(--c-white) !important; border:0 !important; border-radius:8px !important;
  padding:0 20px !important; height:44px !important; font-size:11px !important; letter-spacing:.12em !important;
  text-transform:uppercase !important; font-weight:700 !important; box-shadow:none !important; width:auto !important;
}
.woocommerce button[name="apply_coupon"]:hover{ background:var(--c-gold-dark) !important; }

/* UPDATE CART - secondary muted outline (disabled by default until qty changes) */
.woocommerce button[name="update_cart"]{
  background:var(--c-white) !important; color:var(--c-grey-mid) !important; border:1px solid #e2eff4 !important; border-radius:8px !important;
  padding:0 20px !important; height:44px !important; font-size:11px !important; letter-spacing:.12em !important;
  text-transform:uppercase !important; font-weight:600 !important; box-shadow:none !important;
}
.woocommerce button[name="update_cart"]:not([disabled]){ color:var(--c-gold) !important; border-color:var(--c-gold-light) !important; cursor:pointer !important; }
.woocommerce button[name="update_cart"]:not([disabled]):hover{ background:var(--c-gold) !important; color:var(--c-white) !important; border-color:var(--c-gold) !important; }

/* RETURN TO SHOP (empty state) - solid gold */
.woocommerce .cart-empty + p.return-to-shop .button,
.woocommerce .return-to-shop .button{
  display:inline-block !important; background:var(--c-gold) !important; color:var(--c-white) !important; border:0 !important;
  border-radius:9px !important; padding:14px 28px !important; font-size:12px !important; letter-spacing:.16em;
  text-transform:uppercase !important; font-weight:700 !important; box-shadow:none !important;
}
.woocommerce .return-to-shop .button:hover{ background:var(--c-gold-dark) !important; }

/* ===== TABLE: soft borders, gold prices ===== */
.woocommerce table.shop_table.woocommerce-cart-form__contents{
  border:1px solid var(--c-blue-pale) !important; border-radius:12px !important; overflow:hidden !important;
}
.woocommerce table.cart td, .woocommerce table.cart th{ border-top:1px solid var(--c-blue-pale) !important; }
.woocommerce table.cart thead th{ font-size:11px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--c-grey-mid) !important; font-weight:700 !important; }
/* gold playfair prices */
.woocommerce .cart .product-price .amount,
.woocommerce .cart .product-subtotal .amount{
  font-family:var(--f-serif) !important; color:var(--c-gold) !important; font-weight:500 !important;
}
.woocommerce .cart .product-name a{ color:var(--c-grey-dark) !important; }
/* remove x - muted */
.woocommerce a.remove{ color:#c4c9cd !important; font-weight:400 !important; }
.woocommerce a.remove:hover{ color:var(--c-gold) !important; background:transparent !important; }

/* ===== CART TOTALS: white card, gold total ===== */
.woocommerce .cart_totals{ border:0 !important; }
.woocommerce .cart_totals table.shop_table{
  background:var(--c-white) !important; border:1px solid var(--c-blue-pale) !important; border-radius:12px !important; overflow:hidden !important;
}
.woocommerce .cart_totals table th{ font-size:12px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--c-grey-mid) !important; font-weight:700 !important; }
.woocommerce .cart_totals .order-total .amount{
  font-family:var(--f-serif) !important; color:var(--c-gold) !important; font-weight:500 !important; font-size:22px !important;
}

/* coupon area: flex row, wider input, gap, bigger apply */
.woocommerce .coupon{ display:flex !important; align-items:center; gap:10px; }
.woocommerce .coupon #coupon_code{
  width:170px !important; height:46px !important; border:1px solid var(--c-blue-pale) !important; border-radius:8px !important; padding:0 14px !important; margin:0 !important;
}
.woocommerce .coupon button[name="apply_coupon"]{ height:46px !important; padding:0 24px !important; margin:0 !important; font-size:12px !important; }

/* ===== BLUE PANEL + WHITE BUBBLES (match checkout/side-cart) ===== */
/* blue panel wraps everything */
body.woocommerce-cart .woocommerce{
  background:var(--c-blue-pale-2) !important; border-radius:18px !important; padding:28px 30px !important; margin-bottom:60px !important;
}
/* white bubble 1: the cart items table */
body.woocommerce-cart .woocommerce-cart-form{
  background:var(--c-white) !important; border-radius:14px !important; padding:20px 22px !important;
  box-shadow:0 2px 12px rgba(34,100,130,.10) !important; margin-bottom:24px !important;
}
/* white bubble 2: cart totals */
body.woocommerce-cart .cart_totals{
  background:var(--c-white) !important; border-radius:14px !important; padding:20px 22px !important;
  box-shadow:0 2px 12px rgba(34,100,130,.10) !important;
}
/* tables inside bubbles: kill their own borders (bubble provides the frame) */
body.woocommerce-cart .woocommerce-cart-form table.shop_table,
body.woocommerce-cart .cart_totals table.shop_table{
  border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important;
}