/* Metacrilato Gestor — BENTO de artículo, compartido (14-09-2026).
   Lo usan el carrito (cart.php), la página de gracias / "Ver pedido"
   (order/order-details.php) y cualquier listado de líneas del pedido.
   Antes vivía dentro de cart.css con el prefijo .woocommerce-cart; se ha
   sacado sin prefijo para que las tres pantallas pinten exactamente igual.
   Los iconos llegan como variables CSS (--mc-ico-*) de Gestor → Textos e iconos. */
/* --- Cada producto = BENTO gris con columnas propias (títulos dentro). --- */
.mc-cart-items{display:block;}
.mc-cart-bento{background:var(--mc-fondo-suave);border:1px solid var(--mc-borde);border-radius:var(--mc-radio-bento);padding:16px 18px;margin:0 0 15px;}
/* Fila de columnas: Producto + una columna por característica + Precio/Cantidad/Subtotal. */
/* 14-09-2026: las características (color, grosor, forma, medidas, corte, */
/* acabado) NUNCA parten palabra: cada una mide lo que mide su texto. La */
/* única columna elástica es Producto (el nombre ya va a dos líneas cuando */
/* hace falta). Si aun así la fila no cabe, el bloque de precios baja a una */
/* segunda línea en vez de salirse del bento y tapar el subtotal (que era el */
/* fallo original) o de trocear "Rectangular" en "Rectangula/r" (que fue el */
/* efecto del arreglo del 09-09). */
.mc-cb-row{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;}
.mc-cb-col{flex:0 0 auto;min-width:0;}
.mc-cb-col.mc-cb-producto{flex:1 1 100px;min-width:0;max-width:140px;}
.mc-cb-col.mc-cb-char{flex:0 0 auto;}
.mc-cb-char .mc-cb-val{white-space:nowrap;}
/* Precio + Cantidad + Subtotal: bloque anclado a la derecha (misma posición */
/* exacta en todos los bentos). El selector (Cantidad) es la columna fija de */
/* referencia; Precio termina 20px antes del selector y Subtotal empieza 20px */
/* después, con independencia del nº de caracteres. Así los selectores quedan */
/* perfectamente alineados en la misma columna en todos los bentos. */
.mc-cb-priceblock{margin-left:auto;flex:0 0 auto;display:flex;gap:20px;align-items:flex-start;}
.mc-cb-priceblock .mc-cb-col{flex:0 0 auto;min-width:0;}
.mc-cb-precio{width:100px;text-align:right;}
.mc-cb-cantidad{width:60px;text-align:center;}
.mc-cb-subtotal{width:100px;text-align:left;}
.mc-cb-cantidad .quantity{display:inline-block;float:none;margin:0;}
/* Selector más bajo y su número alineado con el resto de textos de la fila. */
.mc-cb-cantidad input.qty{height:22px;min-height:0;padding:1px 6px;width:60px;box-sizing:border-box;line-height:1.2;text-align:center;vertical-align:top;}
/* Títulos de columna dentro del bento. */
.mc-cb-h{font-size:var(--mc-fs-mini);text-transform:uppercase;letter-spacing:.04em;color:var(--mc-texto-2);font-weight:var(--mc-peso-fuerte);margin-bottom:6px;white-space:nowrap;}
.mc-cb-val{color:var(--mc-texto);line-height:21px;}
/* Miniatura: celda suelta a la izquierda, sin título, alineada arriba con la fila de títulos. */
.mc-cb-thumbcell{flex:0 0 auto;}
.mc-cb-thumb img{width:56px;height:56px;object-fit:cover;border-radius:var(--mc-radio-bento);display:block;margin:0;}
/* Columna Producto: nombre. */
.mc-cb-name{font-weight:var(--mc-peso-fuerte);line-height:21px;max-width:140px;}
.mc-cb-name a{color:var(--mc-texto);text-decoration:none;}
.mc-cb-name a:hover{color:var(--mc-enlace);}
/* Acciones abajo a la derecha. */
.mc-cb-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:10px;}
/* Acciones: Editar (enlace subrayado) + papelera, abajo a la derecha. */
.mc-cb-actions a{display:inline-flex;align-items:center;gap:6px;color:var(--mc-texto);text-decoration:none;font-weight:var(--mc-peso-fuerte);font-size:var(--mc-fs-compacto);white-space:nowrap;}
.mc-cb-actions a.metacrilato-edit-config-link-direct{text-decoration:underline;}
.mc-cb-actions a:hover{color:var(--mc-enlace);}
.mc-cb-remove{color:var(--mc-texto-2);}
.mc-cb-remove:hover{color:var(--mc-error);}
.mc-cb-ico{display:inline-block;width:16px;height:16px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.mc-cb-ico-trash{-webkit-mask-image:var(--mc-ico-cart-eliminar);mask-image:var(--mc-ico-cart-eliminar);}
/* Icono "pencil" delante del enlace Editar (mismo tratamiento que la papelera). */
.mc-cb-actions a.metacrilato-edit-config-link-direct::before{content:"";display:inline-block;width:16px;height:16px;flex:0 0 auto;background-color:currentColor;-webkit-mask:var(--mc-ico-cart-editar) no-repeat center / contain;mask:var(--mc-ico-cart-editar) no-repeat center / contain;}