/*
 * AC Reservas — estilos para cart/checkout de WooCommerce (bloques)
 * Se encola solo en las páginas de carrito y checkout.
 */

/* ---------- responsive móvil ---------- */
/* alignwide del tema mete margin -80px: en móvil corre el bloque fuera de pantalla */
@media (max-width: 1024px) {
  .wp-block-woocommerce-cart.alignwide,
  .wp-block-woocommerce-checkout.alignwide { margin-left: 0 !important; margin-right: 0 !important; }
  /* respiro lateral: el contenedor va de borde a borde en móvil */
  .wp-block-woocommerce-cart,
  .wp-block-woocommerce-checkout { padding-left: 16px; padding-right: 16px; }
}

/* el box del widget text-editor de Elementor genera ~1800px de alto fantasma
   con los bloques React de Woo: se elimina el box intermedio */
.elementor-widget-text-editor:has(> .wp-block-woocommerce-checkout),
.elementor-widget-text-editor:has(> .wp-block-woocommerce-cart) { display: contents; }

/* ---------- sin foto de producto ---------- */
/* checkout: fuera la foto; el contador de pax queda como chip navy */
.wc-block-components-order-summary-item__image img { display: none !important; }
.wc-block-components-order-summary-item__image { width: 24px !important; min-width: 24px !important; }
.wc-block-components-order-summary-item__quantity {
  position: static !important; transform: none !important; top: auto !important; right: auto !important;
  box-shadow: none !important; border: 0 !important; background: #1a4a5a !important; color: #ffffff !important;
  width: 24px; height: 24px; min-width: 24px; display: flex; align-items: center; justify-content: center;
  border-radius: 50%; font-size: 12px;
}
.wc-block-components-order-summary-item__description { padding-left: 12px !important; }

/* cart: fuera la foto y su columna */
.wc-block-cart-item__image img { display: none !important; }
.wc-block-cart-item__image { width: 0 !important; min-width: 0 !important; padding: 0 !important; }
.wc-block-cart-item__product { padding-left: 0 !important; }
tr.wc-block-cart-items__row { grid-template-columns: 0 1fr !important; }
