/* ==================================================================
   CESTA Y FINALIZAR COMPRA
   Son BLOQUES de WooCommerce, no la plantilla clásica: no pasan por
   `page.html` ni por `.wcb-pagina`, así que no heredaban ni el margen
   lateral. Medido: el título arrancaba en x=0 y la columna de totales
   se salía por la derecha de 1440.
   Aquí no se rediseña nada: se le pone al bloque el mismo idioma
   visual del resto —papel, filetes, mono para las etiquetas, botones
   cuadrados— y, sobre todo, aire.
   ================================================================== */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.woocommerce-order-received .woocommerce,
.woocommerce-account .woocommerce{
  max-width:none!important;
  padding:clamp(20px,3vw,44px) var(--gut) clamp(34px,5vw,72px)!important;
  margin:0!important;
  background:var(--h);
}

/* El titulo de la pagina lo pinta la plantilla de WooCommerce FUERA del
   bloque, asi que no le llegaba ni el margen ni la tipografia: salia pegado
   al borde izquierdo y en el cuerpo de texto. */
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-account .wp-block-post-title,
.woocommerce-order-received .wp-block-post-title{
  font-family:var(--titular);font-weight:800;text-transform:uppercase;
  font-size:clamp(1.8rem,5vw,3.4rem);line-height:.9;letter-spacing:-.035em;
  padding:clamp(26px,4vw,56px) var(--gut) 0;margin:0 0 0 -.012em;
}

/* ---- titulares ---- */
.wc-block-cart h1,.wc-block-checkout h1,
.wp-block-woocommerce-cart .wp-block-post-title,
.wc-block-components-title{
  font-family:var(--titular)!important;font-weight:800!important;
  text-transform:uppercase;letter-spacing:-.02em;
}
.wc-block-cart__main h2,
.wc-block-components-title.wc-block-cart__totals-title{
  font-family:var(--mono)!important;font-weight:400!important;
  font-size:.68rem!important;letter-spacing:.14em!important;text-transform:uppercase;
  color:var(--g)!important;
}

/* ---- la tabla de artículos ---- */
.wc-block-cart-items__header{
  border-bottom:2px solid var(--t)!important;
  font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--t)!important;
}
.wc-block-cart-items__row{border-bottom:1px solid rgba(var(--fg-rgb),.16)!important}
.wc-block-cart-item__image img{border:0;border-radius:0}
.wc-block-cart-item__product-name,
.wc-block-components-product-name{
  font-family:var(--texto)!important;font-weight:600!important;font-size:.92rem!important;
  color:var(--t)!important;text-decoration:none!important;
}
.wc-block-cart-item__prices,
.wc-block-components-product-price,
.wc-block-formatted-money-amount{
  font-family:var(--mono)!important;color:var(--t)!important;
}

/* ---- cantidad: cuadrada, como el resto ---- */
.wc-block-components-quantity-selector{
  border:1px solid var(--t)!important;border-radius:0!important;background:var(--h);
}
.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector__button{
  font-family:var(--mono)!important;color:var(--t)!important;background:transparent;
}
.wc-block-components-quantity-selector__button:hover{background:var(--a)!important;color:var(--tinta-fija)}

/* ---- panel de totales ---- */
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-checkout__sidebar .wc-block-components-sidebar{
  border:1px solid var(--t);border-radius:0;background:var(--h);
  padding:clamp(14px,1.8vw,22px);
}
.wc-block-components-totals-item__label{font-size:.88rem}
.wc-block-components-totals-item__value{font-family:var(--mono)!important;font-weight:700}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-family:var(--titular);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;
}

/* ---- botones ---- */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link){
  border-radius:0!important;
  background:var(--t)!important;color:var(--h)!important;border:0!important;
  font-family:var(--mono)!important;font-size:.76rem!important;
  letter-spacing:.12em!important;text-transform:uppercase;
  padding:1rem 1.4rem!important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.is-link):hover{
  background:var(--a)!important;color:var(--tinta-fija)!important;
}
.wc-block-components-button.is-link{color:var(--t)!important;text-underline-offset:3px}

/* ---- formularios del checkout ---- */
.wc-block-components-text-input input,
.wc-block-components-select__container,
.wc-block-components-textarea{
  border-radius:0!important;border:1px solid var(--t)!important;background:var(--h)!important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus{
  outline:3px solid var(--a)!important;outline-offset:1px;
}
.wc-block-components-text-input label,
.wc-block-components-select__label,
.wc-block-components-checkbox__label{
  font-family:var(--texto)!important;color:var(--g3)!important;
}
.wc-block-components-checkbox__input{border-radius:0!important;accent-color:var(--t)}
.wc-block-components-radio-control__option{border-radius:0}
.wc-block-checkout__form .wc-block-components-checkout-step{
  border:0;border-top:1px solid rgba(var(--fg-rgb),.16);padding-top:1.2rem;
}
.wc-block-components-checkout-step__title{
  font-family:var(--titular)!important;font-weight:800!important;
  text-transform:uppercase;letter-spacing:-.02em;
}

/* ---- avisos ---- */
.wc-block-components-notice-banner{
  border-radius:0!important;border-left-width:4px!important;
}

/* ---- «Quizá te interese»: la tira de sugerencias del carrito vacío ---- */
.wp-block-woocommerce-cart .wp-block-woocommerce-product-collection,
.wp-block-woocommerce-empty-cart-block{margin-top:1.5rem}

@media (max-width:760px){
  .wp-block-woocommerce-cart,
  .wp-block-woocommerce-checkout{padding:16px var(--gut) 40px!important}
}

/* Las imagenes de los bloques de WooCommerce (carrito, resumen del pedido)
   llegan con `object-fit:cover` EN LINEA desde la plantilla del plugin.
   Un estilo en linea gana a cualquier selector, de ahi el !important:
   es la unica via sin reescribir la plantilla. Medido: 39,7 % del catalogo
   es vertical y 8,9 % apaisado — casi la mitad se estaba recortando. */
.wc-block-components-product-image img,
.wc-block-components-order-summary-item__image img,
.wc-block-cart-item__image img{
  object-fit:contain !important;
}