/*
 * PRX — Mobile Responsive Styles
 * File     : css/prx-mobile.css
 * Loaded by: functions.php via wp_enqueue_style
 *
 * Organized by page — add new page sections below as we go.
 */


/* ============================================================
   CART PAGE — /prx/cart/
   ============================================================ */

/* ── MOBILE ONLY ── all cart layout changes stay inside this block */
@media (max-width: 767px) {

    /* Page wrapper — prevent horizontal overflow */
    .woocommerce-cart .woocommerce,
    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals {
        width      : 100% !important;
        max-width  : 100% !important;
        overflow-x : hidden !important;
        box-sizing : border-box !important;
        padding    : 0 !important;
    }

    /* Convert table to stacked blocks */
    .woocommerce-cart table.cart,
    .woocommerce-cart table.cart thead,
    .woocommerce-cart table.cart tbody,
    .woocommerce-cart table.cart tfoot,
    .woocommerce-cart table.cart tr,
    .woocommerce-cart table.cart td {
        display    : block !important;
        width      : 100% !important;
        max-width  : 100% !important;
        box-sizing : border-box !important;
        float      : none !important;
    }

    /* Hide table header — labels come from data-title via ::before */
    .woocommerce-cart table.cart thead tr {
        display : none !important;
    }

    /* Product card */
    .woocommerce-cart table.cart tbody tr.cart_item {
        border        : 1px solid #e8e0d8 !important;
        border-radius : 10px !important;
        margin-bottom : 16px !important;
        padding       : 12px !important;
        background    : #ffffff !important;
        box-shadow    : 0 2px 8px rgba(0,0,0,0.05) !important;
        overflow      : visible !important;
    }

    /* Each data cell: label left, value right */
    .woocommerce-cart table.cart td {
        display         : flex !important;
        justify-content : space-between !important;
        align-items     : center !important;
        padding         : 10px 8px !important;
        border          : none !important;
        border-bottom   : 1px solid #f0ebe6 !important;
    }
    .woocommerce-cart table.cart td:last-child {
        border-bottom : none !important;
    }

    /* Column label via CSS */
    .woocommerce-cart table.cart td::before {
        content      : attr(data-title) !important;
        font-weight  : 600 !important;
        font-size    : 0.8rem !important;
        color        : #888 !important;
        flex-shrink  : 0 !important;
        margin-right : 12px !important;
    }

    /* Remove (×) cell — top of card, right-aligned */
    .woocommerce-cart table.cart td.product-remove {
        justify-content : flex-end !important;
        border-bottom   : none !important;
        padding         : 4px 8px !important;
        order           : -1 !important;
    }
    .woocommerce-cart table.cart td.product-remove::before {
        display : none !important;
    }
    .woocommerce-cart table.cart td.product-remove a.remove {
        width           : 28px !important;
        height          : 28px !important;
        display         : inline-flex !important;
        align-items     : center !important;
        justify-content : center !important;
        border-radius   : 6px !important;
        font-size       : 16px !important;
    }

    /* Thumbnail cell — centered */
    .woocommerce-cart table.cart td.product-thumbnail {
        justify-content : center !important;
        padding         : 12px 0 !important;
    }
    .woocommerce-cart table.cart td.product-thumbnail::before {
        display : none !important;
    }
    .woocommerce-cart table.cart td.product-thumbnail img {
        width         : 80px !important;
        height        : 80px !important;
        object-fit    : contain !important;
        border-radius : 6px !important;
    }

    /* Product name cell — centered */
    .woocommerce-cart table.cart td.product-name {
        justify-content : center !important;
        font-weight     : 600 !important;
        font-size       : 1rem !important;
    }
    .woocommerce-cart table.cart td.product-name::before {
        display : none !important;
    }

    /* Quantity cell */
    .woocommerce-cart table.cart td.product-quantity {
        align-items : center !important;
    }
    .woocommerce-cart table.cart td.product-quantity .qty-adjust {
        display : none !important;
    }
	.woocommerce table.shop_table td.product-quantity .quantity{
		width: auto !important;
	}
    .woocommerce-cart table.cart td.product-quantity .quantity::before {
        content : none !important;
        display : none !important;
    }
	
    .woocommerce-cart table.cart td.product-quantity input.qty {
        -webkit-appearance : none !important;
        -moz-appearance    : textfield !important;
        width              : 44px !important;
        height             : 36px !important;
        text-align         : center !important;
        font-size          : 1rem !important;
        border             : 1px solid #ddd !important;
        border-radius      : 6px !important;
        padding            : 0 !important;
        margin             : 0 !important;
    }
    .woocommerce-cart table.cart td.product-quantity input.qty::-webkit-inner-spin-button,
    .woocommerce-cart table.cart td.product-quantity input.qty::-webkit-outer-spin-button {
        -webkit-appearance : none !important;
    }
	.woocommerce-cart-form__contents .product-quantity{
		width: 160px !important;
	}
	

    /* +/- buttons injected by JS */
    .prx-qty-wrap {
        display     : flex !important;
        align-items : center !important;
        gap         : 4px !important;
    }
    .prx-qty-btn {
        width           : 32px !important;
        height          : 36px !important;
        display         : inline-flex !important;
        align-items     : center !important;
        justify-content : center !important;
        border          : 1px solid #ddd !important;
        border-radius   : 6px !important;
        background      : #f5f5f5 !important;
        font-size       : 1.1rem !important;
        font-weight     : 700 !important;
        color           : #333 !important;
        cursor          : pointer !important;
        flex-shrink     : 0 !important;
        touch-action    : manipulation !important;
        -webkit-user-select : none !important;
        user-select         : none !important;
    }
    .prx-qty-btn:active {
        background : #e0e0e0 !important;
    }

    /* Actions row (coupon + update cart) */
    .woocommerce-cart table.cart tr:not(.cart_item) {
        padding    : 0 !important;
        border     : none !important;
        background : transparent !important;
        box-shadow : none !important;
    }
    .woocommerce-cart table.cart td.actions {
        display        : flex !important;
        flex-direction : column !important;
        gap            : 10px !important;
        padding        : 16px 0 !important;
        overflow       : visible !important;
    }
    .woocommerce-cart table.cart td.actions::before {
        display : none !important;
    }
    .woocommerce-cart table.cart td.actions .coupon {
        display        : flex !important;
        flex-direction : column !important;
        gap            : 8px !important;
        width          : 100% !important;
        float          : none !important;
    }
    .woocommerce-cart table.cart td.actions .coupon input#coupon_code,
    .woocommerce-cart table.cart td.actions .coupon button[name="apply_coupon"],
    .woocommerce-cart table.cart td.actions button[name="update_cart"] {
        width      : 100% !important;
        max-width  : 100% !important;
        box-sizing : border-box !important;
        display    : block !important;
        float      : none !important;
        margin     : 0 !important;
    }

    /* PRX brand color for action buttons */
    .woocommerce-cart table.cart td.actions .coupon button[name="apply_coupon"],
    .woocommerce-cart table.cart td.actions button[name="update_cart"] {
        background : #6E2655 !important;
        border     : none !important;
        color      : #ffffff !important;
    }

    /* Cart totals */
    .woocommerce-cart .cart-collaterals .cart_totals {
        width      : 100% !important;
        float      : none !important;
        padding    : 16px !important;
        box-sizing : border-box !important;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table {
        width : 100% !important;
    }
    .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
        width      : 100% !important;
        display    : block !important;
        text-align : center !important;
        box-sizing : border-box !important;
    }

} /* end @media (max-width: 767px) */


/* ============================================================
   Add new page sections below this line as we go
   ============================================================ */