/* ZENS — Carrito v2: calco de carrito.html + site.css del handoff (valores literales del mock).
   Solo carga en is_cart(). */

/* título */
.woocommerce-cart h1.entry-title { font-family: var(--font-display); font-weight: 300; letter-spacing: -0.015em; color: var(--zns-maroon); }

/* ---------- cart-grid del mock: 1.7fr / 1fr, gap 48 ---------- */
.woocommerce-cart .woocommerce { display: grid; grid-template-columns: 1.7fr 1fr; gap: 32px 48px; align-items: start; }
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce > .wc-empty-cart-message,
.woocommerce-cart .woocommerce > .return-to-shop { grid-column: 1 / -1; }

/* avisos */
.woocommerce-cart .woocommerce-message, .woocommerce-cart .woocommerce-info, .woocommerce-cart .woocommerce-error {
  background: var(--zns-white); border: 1px solid var(--zns-line); border-top: 2px solid var(--zns-gold);
  border-radius: var(--r-md); font-family: var(--font-body); color: var(--fg); }
.woocommerce-cart .woocommerce-message::before { color: var(--zns-gold); }

/* ---------- lista: .cart-item del mock ---------- */
.woocommerce-cart form.woocommerce-cart-form table.shop_table { border: 0; background: transparent; margin: 0; display: block; }
.woocommerce-cart form.woocommerce-cart-form thead { display: none; }
.woocommerce-cart form.woocommerce-cart-form tbody { display: flex; flex-direction: column; gap: 16px; }

.woocommerce-cart tr.woocommerce-cart-form__cart-item {
  display: grid; grid-template-columns: 96px 1fr auto;
  grid-template-areas: 'thumb nombre precio' 'thumb qty quitar';
  column-gap: 22px; row-gap: 8px; align-content: center; padding: 20px 22px;
  background: var(--zns-white); border: 1px solid var(--zns-line); border-radius: var(--r-lg);
}
.woocommerce-cart tr.woocommerce-cart-form__cart-item td { display: block; border: 0 !important; padding: 0 !important; background: transparent !important; }

.woocommerce-cart td.product-thumbnail { grid-area: thumb; }
.woocommerce-cart td.product-thumbnail a { display: block; width: 96px; height: 96px; border-radius: var(--r-md); overflow: hidden; }
.woocommerce-cart td.product-thumbnail img { width: 96px; height: 96px; object-fit: cover; display: block; }

/* cuerpo: nombre (display 26) + cantidad debajo */
.woocommerce-cart td.product-name { grid-area: nombre; align-self: end; }
.woocommerce-cart td.product-name a {
  font-family: var(--font-display); font-weight: 400; font-size: 26px; line-height: 1.1;
  color: var(--zns-maroon) !important; text-decoration: none !important; }
.woocommerce-cart td.product-name a:hover { color: var(--zns-maroon-90) !important; }
.woocommerce-cart td.product-name .variation { margin: 7px 0 0; font-family: var(--font-body); font-size: 15px; color: var(--fg-muted); }
.woocommerce-cart td.product-name .variation dt, .woocommerce-cart td.product-name .variation dd { display: inline; margin: 0 6px 0 0; }

.woocommerce-cart td.product-price { display: none !important; }

.woocommerce-cart td.product-quantity { grid-area: qty; align-self: start; }
.woocommerce-cart td.product-quantity .screen-reader-text { display: none; }
.woocommerce-cart td.product-quantity input.qty {
  width: 62px; height: 40px; text-align: center; border: 1px solid var(--zns-line); border-radius: 10px;
  background: var(--zns-white); font-family: var(--font-serif); font-size: 17px; color: var(--zns-maroon); }

/* fin: precio (display 29) y QUITAR apilados compactos — .ci-end del mock */
.woocommerce-cart td.product-subtotal {
  grid-area: precio; justify-self: end; align-self: end;
  font-family: var(--font-display); font-size: 29px; line-height: 1; color: var(--zns-maroon); }
.woocommerce-cart td.product-remove { grid-area: quitar; justify-self: end; align-self: start; }
.woocommerce-cart td.product-remove a.remove { width: auto; height: auto; font-size: 0 !important; background: none !important; line-height: 1; display: inline-block; }
.woocommerce-cart td.product-remove a.remove::after {
  content: 'Quitar'; font-family: var(--font-serif); font-size: 13px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--fg-faint); transition: color .25s; }
.woocommerce-cart td.product-remove a.remove:hover::after { color: var(--zns-red); }

/* fila cupón + actualizar: silenciosa bajo la lista, sin banda */
.woocommerce-cart form.woocommerce-cart-form tbody > tr:last-child { display: block; background: transparent !important; border: 0 !important; padding: 0 !important; }
.woocommerce-cart td.actions { display: flex !important; align-items: center; gap: 12px; margin-top: 6px; background: transparent !important; border: 0 !important; padding: 0 !important; }
.woocommerce-cart td.actions .coupon { display: flex; align-items: center; gap: 10px; float: none; }
.woocommerce-cart td.actions .coupon .input-text {
  flex: none; width: 250px !important; min-width: 250px; height: 48px; padding: 0 18px; border: 1px solid var(--zns-line); border-radius: var(--r-pill);
  background: var(--zns-white); font-family: var(--font-body); font-size: 15.5px; color: var(--fg) !important; }
.woocommerce-cart td.actions .coupon .input-text::placeholder { color: var(--fg-faint); }
.woocommerce-cart td.actions .button {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 15.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  padding: 13px 26px; border-radius: var(--r-pill); cursor: pointer; transition: all .45s var(--ease); white-space: nowrap;
  background: transparent; border: 1px solid var(--zns-line); color: var(--zns-maroon); }
.woocommerce-cart td.actions .button:hover { border-color: var(--zns-maroon); background: var(--zns-maroon); color: var(--zns-cream); }
.woocommerce-cart td.actions .button[name='update_cart'] { margin-left: 0; }
.woocommerce-cart td.actions .button:disabled, .woocommerce-cart td.actions .button:disabled[disabled] { opacity: .35; color: var(--zns-maroon); background: transparent; border-color: var(--zns-line); }

/* ---------- panel del mock: crema hundida, sin borde ---------- */
.woocommerce-cart .cart_collaterals { width: auto; position: sticky; top: 100px; }
.woocommerce-cart .cart_totals {
  width: 100% !important; float: none !important;
  background: var(--zns-cream-dim); border: 0; border-radius: var(--r-lg); padding: clamp(28px, 4vw, 44px); }
.woocommerce-cart .cart_totals h2 {
  font-family: var(--font-display); font-weight: 300; font-size: 1.5rem; color: var(--zns-maroon); margin: 0 0 20px; }

/* filas .sum-row: 19.5px; total con linea arriba; valor display 33 */
.woocommerce-cart .cart_totals table.shop_table { display: block; border: 0; margin: 0; background: transparent; }
.woocommerce-cart .cart_totals tbody { display: block; }
.woocommerce-cart .cart_totals tr { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 11px 0; }
.woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td {
  display: block; border: 0 !important; padding: 0 !important; background: transparent !important;
  font-family: var(--font-body); font-size: 19.5px; font-weight: 400; color: var(--fg-muted); }
.woocommerce-cart .cart_totals td { text-align: right; }
.woocommerce-cart .cart_totals tr.order-total { border-top: 1px solid var(--zns-line); margin-top: 8px; padding-top: 18px; }
.woocommerce-cart .cart_totals tr.order-total th { font-family: var(--font-serif); font-size: 19px; color: var(--zns-maroon); }
.woocommerce-cart .cart_totals tr.order-total td, .woocommerce-cart .cart_totals tr.order-total td .amount {
  font-family: var(--font-display); font-size: 33px; line-height: 1; color: var(--zns-maroon); font-weight: 400; }

/* botón principal: .btn-solid .btn-block literal */
.woocommerce-cart .wc-proceed-to-checkout { padding: 24px 0 0; margin: 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: flex; width: 100%; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 15.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  padding: 15px 32px; border-radius: var(--r-pill); border: 1px solid var(--zns-maroon);
  background: var(--zns-maroon) !important; color: var(--zns-cream) !important; transition: all .45s var(--ease); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--zns-maroon-90) !important; border-color: var(--zns-maroon-90); }

/* tarjeta regalo (PW) dentro del panel */
#pwgc-redeem-gift-card-container { margin: 18px 0 0; padding: 18px 0 0; border-top: 1px solid var(--zns-line); }
#pwgc-redeem-gift-card-container label { display: block; font-family: var(--font-body); font-size: 16px; color: var(--fg-muted); margin: 0 0 10px; letter-spacing: 0; text-transform: none; }
#pwgc-redeem-gift-card-container br { display: none; }
#pwgc-redeem-gift-card-number {
  height: 48px; width: 100% !important; max-width: none !important; padding: 0 18px; border: 1px solid var(--zns-line); border-radius: var(--r-pill);
  background: var(--zns-white); font-family: var(--font-body); font-size: 15.5px; color: var(--zns-maroon) !important; box-sizing: border-box; }
#pwgc-redeem-gift-card-number::placeholder { color: var(--fg-faint) !important; opacity: 1; }
/* el boton real es input#pwgc-redeem-button (submit) */
#pwgc-redeem-button, #pwgc-redeem-gift-card-container .button, #pwgc-redeem-gift-card-container input[type='submit'] {
  display: block !important; width: 100% !important; height: 48px; padding: 0 24px; margin: 10px 0 0 !important;
  border-radius: var(--r-pill) !important; cursor: pointer; float: none !important;
  font-family: var(--font-serif) !important; font-size: 13.5px !important; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  background: transparent !important; border: 1px solid rgba(76,29,29,.45) !important; color: var(--zns-maroon) !important;
  transition: all .45s var(--ease); }
#pwgc-redeem-button:hover, #pwgc-redeem-gift-card-container .button:hover, #pwgc-redeem-gift-card-container input[type='submit']:hover {
  background: var(--zns-maroon) !important; border-color: var(--zns-maroon) !important; color: var(--zns-cream) !important; }
#pwgc-redeem-error { color: var(--zns-red); font-family: var(--font-body); font-size: 14px; margin: 0 0 6px; }

/* carrito vacío: .cart-empty */
.woocommerce-cart .wc-empty-cart-message { border: 1px dashed var(--zns-line); border-radius: var(--r-lg); padding: clamp(40px, 6vw, 72px) 32px; text-align: center; }
.woocommerce-cart .wc-empty-cart-message .cart-empty { font-family: var(--font-display); font-weight: 400; font-size: 27px; color: var(--zns-maroon); margin: 0; }
.woocommerce-cart .return-to-shop { text-align: center; }
.woocommerce-cart .return-to-shop a.button {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 15.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  padding: 15px 32px; border-radius: var(--r-pill); background: var(--zns-maroon); color: var(--zns-cream); border: 1px solid var(--zns-maroon); }
.woocommerce-cart .return-to-shop a.button:hover { background: var(--zns-maroon-90); }

/* ---------- responsive del mock ---------- */
@media (max-width: 980px) {
  .woocommerce-cart .woocommerce { grid-template-columns: 1fr; gap: 32px; }
  .woocommerce-cart .cart_collaterals { position: static; }
}
@media (max-width: 560px) {
  .woocommerce-cart tr.woocommerce-cart-form__cart-item { grid-template-columns: 72px 1fr; grid-template-areas: 'thumb cuerpo' 'fin fin'; padding: 16px; }
  .woocommerce-cart td.product-thumbnail a, .woocommerce-cart td.product-thumbnail img { width: 72px; height: 72px; }
  .woocommerce-cart td.product-name a { font-size: 22px; }
  .woocommerce-cart td.product-quantity { margin-top: 8px !important; }
  .woocommerce-cart td.product-subtotal { justify-self: start; align-self: center; }
  .woocommerce-cart td.product-remove { justify-self: end; align-self: center; }
  .woocommerce-cart td.actions { flex-wrap: wrap; }
  .woocommerce-cart td.actions .coupon .input-text { width: 150px; }
  #pwgc-redeem-gift-card-number { width: 100%; margin-bottom: 10px; }
  #pwgc-redeem-gift-card-container .button { margin-left: 0; }
}