/* =====================================================
   CART COLUMN RESTRUCTURING
   ===================================================== */

/* Quantity column - separate cell */
.wc-block-cart-item__quantity-cell {
    width: auto !important;
    padding: 0 2rem !important;
    text-align: center !important;
}

.wc-block-cart-item__quantity-cell .wc-block-components-quantity-selector {
    margin: 0 !important;
}

/* Remove button column - separate cell */
.wc-block-cart-item__remove-cell {
    width: 4rem !important;
    text-align: center !important;
    padding: 0 !important;
}

/* =====================================================
   REMOVE BUTTON ICON STYLING
   ===================================================== */

.wc-block-cart-item__remove-link.wclc-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
    text-decoration: none !important;
}

.wc-block-cart-item__remove-link.wclc-icon-button:hover {
    opacity: 0.6;
}

.wc-block-cart-item__remove-link.wclc-icon-button svg {
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
}

/* Hide old text-based remove link */
.wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(.wclc-icon-button) {
    display: none;
}

/* =====================================================
   QUANTITY PICKER ICONS
   ===================================================== */

.wc-block-components-quantity-selector__button svg {
    width: 1.3rem;
    height: auto;
    display: block;
}

.wc-block-components-quantity-selector__button--minus svg {
    height: 0.2rem;
}

.wc-block-components-quantity-selector__button--plus svg {
    height: 1.3rem;
}

/* =====================================================
   RESPONSIVE ADJUSTMENTS
   ===================================================== */

@media screen and (max-width: 768px) {
    /* Adjust column widths for mobile */
    .wc-block-cart-item__quantity-cell,
    .wc-block-cart-item__total,
    .wc-block-cart-item__remove-cell {
        padding: 1rem !important;
        max-width: fit-content !important;
        border-top: none !important;
    }
    
    .wc-block-cart-item__remove-cell button {
        display: inline-flex !important;
    }
    
    .wc-block-cart-item__total .wc-block-components-sale-badge {
        display: inline-block !important;
    }
}