/* Página del carrito (/carrito/): el mismo aspecto que la página de pago (css/finalizar-compra.css).
   Tarjetas con sombra, tabla sin bordes con cabecera negra, campos con borde de 3px gris suave y botón de borde negro que se rellena al pasar. */
body.woocommerce-cart .wp-block-woocommerce-cart{
  --bg: #FFFFFF;
  --text: #0A0A0A;
  --text-dim: #6A665F;
  --border: #E4E1DA;
  --campo-borde: 3px solid rgba(10, 10, 10, .12);
  --campo-fondo-foco: rgba(10, 10, 10, .06);
  --campo-radio: 10px;
  --sombra: 0 1px 2px rgba(10, 10, 10, .04), 0 10px 40px rgba(10, 10, 10, .1);
  max-width: var(--max);
  margin-inline: auto;
  padding: clamp(24px, 4vw, 56px) var(--pad-x) clamp(48px, 7vw, 96px);
  box-sizing: border-box;
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  color: var(--text);
}

/* Tarjeta de los totales (la lista de productos queda como la deja WooCommerce) */
body.woocommerce-cart .wc-block-cart__sidebar{
  padding: clamp(14px, 2vw, 20px);
  border-radius: var(--radius);
  background: var(--bg);
  box-shadow: var(--sombra);
  align-self: start;
}

/* Lista de productos: texto 3px más grande (WooCommerce lo deja en 13px) */
body.woocommerce-cart .wp-block-woocommerce-cart table.wc-block-cart-items :is(.wc-block-cart-items__header span, .wc-block-components-product-name, .wc-block-cart-item__prices, .wc-block-components-product-price, .wc-block-components-product-metadata, .wc-block-components-product-metadata__description, .wc-block-components-product-metadata__description p){ font-size: 16px; }

/* Totales */
body.woocommerce-cart .wc-block-cart__totals-title{
  margin: 0 0 12px;
  padding: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-lg);
  font-weight: 600;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--text);
}
body.woocommerce-cart .wc-block-components-totals-footer-item{ border-top: 2px solid var(--text); }
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-family: var(--font-sans);
  font-size: var(--fs-md);
  font-weight: 600;
  letter-spacing: 0;
  color: var(--text);
}

/* Campos (cupón, cantidad): borde de 3px gris suave, el mismo al enfocar, con fondo gris al enfocar */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-text-input input,
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-selector{
  border: var(--campo-borde);
  border-radius: var(--campo-radio);
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  box-shadow: none;
  transition: none;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-text-input input:is(:hover, :focus, :active, :focus-within, :not(:placeholder-shown)){
  border: var(--campo-borde) !important; /* style.css quita el borde a todo lo enfocado (:focus { border: none !important }) */
  border-radius: var(--campo-radio);
  box-shadow: none;
  outline: 0;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-text-input input:is(:focus, :focus-within){ background: var(--campo-fondo-foco); }
body.woocommerce-cart .wc-block-components-quantity-selector input{ border: 0 !important; background: transparent; }

/* Botón principal: negro; al pasar el ratón queda solo el borde negro. Botón del cupón: al revés (borde negro, se rellena al pasar) */
body.woocommerce-cart .wp-block-woocommerce-cart a.wc-block-cart__submit-button.wc-block-components-button:not(.is-link){
  min-height: 0;
  padding: 8px 22px;
  line-height: 1.2;
  border: 2px solid var(--text);
  border-radius: 999px;
  background: var(--text);
  color: #FFFFFF;
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  font-weight: 600;
  letter-spacing: .01em;
  text-decoration: none;
  transition: transform .2s, background .2s, color .2s;
}
body.woocommerce-cart .wp-block-woocommerce-cart a.wc-block-cart__submit-button.wc-block-components-button:not(.is-link):hover{
  background: transparent;
  color: var(--text);
  transform: translateY(-1px);
}
body.woocommerce-cart .wc-block-components-totals-coupon__button{
  border: 2px solid var(--text);
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  font-weight: 600;
  transition: background .2s, color .2s;
}
body.woocommerce-cart .wc-block-components-totals-coupon__button:hover:not(:disabled){ background: var(--text); color: var(--bg); }
body.woocommerce-cart .wc-block-components-totals-coupon__button:disabled{ opacity: .35; }

@media (prefers-reduced-motion: reduce){
  body.woocommerce-cart .wc-block-cart__submit-button,
  body.woocommerce-cart .wc-block-components-totals-coupon__button{ transition: none; }
}