/**
 * Module: Cart Layout
 * Description: Layout overrides for the WooCommerce Cart page.
 */

/* 
 * 1. FIX TITLE ALIGNMENT
 * Target: Page Title (H1) inside the Cart page.
 * Fix: Restore 'auto' margins to center it, but ensure max-width matches the theme's wide alignment.
 */
.woocommerce-cart .wp-block-post-title.alignwide {
    margin-inline: auto !important;
    /* Centrar horizontalmente */
    max-width: var(--wp--style--global--wide-size, 1280px) !important;
    /* Igualar ancho del carrito */
    width: 100%;
    padding-inline: 0;
    /* Evitar paddings extraños */
}

/* 
 * 2. FIX CROSS-SELLS ALIGNMENT (Product Collection)
 * Target: "You may be interested in..." section.
 * Fix: Center the block and limit width to align with the cart table above.
 */
.woocommerce-cart .wp-block-woocommerce-product-collection.alignwide {
    margin-inline: auto !important;
    /* Centrar horizontalmente */
    max-width: var(--wp--style--global--wide-size, 1280px) !important;
    /* Igualar ancho del carrito */
    width: 100% !important;
}

/* 
 * Optional: Ensure the heading inside "You may be interested..." aligns left relative to the block 
 */
.woocommerce-cart .wp-block-woocommerce-product-collection .wp-block-heading {
    text-align: left;
    max-width: 100%;
}