/* ============================================================
   MarketBox · Carrito
   La tabla, el selector de cantidad y el botón de acción los aporta
   BoxUI (.box-fields-table + .box-table-stack, .box-qty,
   .box-table-action-btn.is-danger). Aquí solo queda lo propio del
   carrito: la miniatura del producto y cómo se apila en móvil.

   Se eliminaron .qty-selector y .remove-item: duplicaban componentes
   del framework y necesitaban !important para ganarles.
   ============================================================ */

/* Separación entre la tabla y el pie de acciones.
   BoxUI solo trae utilidades de margen inferior (.box-mb-0…3) y
   .box-mt-0, así que el hueco superior se resuelve aquí con el token
   de espaciado en vez de inventar una .box-mt-3 que no existe. */
.cart-footer-row {
    margin-top: calc(var(--box-spacing) * 3);
    align-items: start;
}

/* El estado vacío solo suma separación superior: .box-empty de BoxUI
   ya centra icono y texto en columna. No tocar su align-items. */
.cart-empty {
    margin-top: calc(var(--box-spacing) * 3);
}

/* Tarjeta de resumen: <article> ya trae superficie, borde, radio y
   sombra de BoxUI; solo se anula el margen que trae por defecto. */
.cart-summary-card {
    margin: 0;
}

/* Miniatura del producto dentro de la celda */
.cart-thumb {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: var(--box-radius-sm);
    border: var(--box-border-width) solid var(--box-border);
}

/* El enlace del producto hereda el color del texto de la celda */
.cart-product-link {
    color: inherit;
    min-width: 0;
}

/* La celda de producto nunca se trunca (imagen + nombre) */
.cart-table tbody td[data-label="Producto"] {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

/* Móvil: la tabla se apila en fichas (BoxUI .box-table-stack) */
@media (max-width: 640px) {
    .cart-table tbody td[data-label="Producto"] {
        justify-content: flex-start;
    }
    .cart-table tbody td[data-label="Producto"] .cart-product-link {
        width: 100%;
    }
    .cart-table tbody td[data-label="Cantidad"] {
        justify-content: flex-end;
    }

    /* El total del pie se muestra como una fila compacta */
    .cart-table tfoot {
        display: block;
    }
    .cart-table tfoot tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 0.25rem;
    }
    .cart-table tfoot th {
        border: none;
        padding: 0.25rem 0.5rem;
        white-space: normal;
    }
    .cart-table tfoot th:empty {
        display: none;
    }
    .cart-table tfoot th[colspan] {
        margin-right: auto;
    }
}