/* ======================================
   WooCommerce Cart Page
   Cart page specific styles and responsive behavior
   ====================================== */

/* Cart page responsive - Tablet */
@media (max-width: 1024px) {
    body.woocommerce-cart .inside-article,
    body.woocommerce-cart .entry-content {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    /* Cart tables - make scrollable on tablet */
    body.woocommerce-cart table.shop_table,
    body.woocommerce-cart .shop_table {
        font-size: 14px;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    body.woocommerce-cart table.shop_table thead th,
    body.woocommerce-cart table.shop_table tbody td,
    body.woocommerce-cart table.shop_table tfoot td {
        padding: 0.75rem;
    }
}

/* Cart page responsive - Mobile */
@media (max-width: 768px) {
    body.woocommerce-cart .inside-article,
    body.woocommerce-cart .entry-content {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 100%;
    }
    
    /* Cart tables - mobile optimization */
    body.woocommerce-cart table.shop_table,
    body.woocommerce-cart .shop_table {
        font-size: 12px;
        border: none;
    }
    
    body.woocommerce-cart table.shop_table thead {
        display: none; /* Hide table headers on mobile */
    }
    
    body.woocommerce-cart table.shop_table tbody tr {
        display: block;
        margin-bottom: 1.5rem;
        border: 1px solid var(--color-section-border, #e5e5e5);
        border-radius: 4px;
        padding: 1rem;
        background: #fff;
    }
    
    body.woocommerce-cart table.shop_table tbody td {
        display: block;
        text-align: left !important;
        padding: 0.5rem 0;
        border: none;
        border-bottom: 1px solid #f0f0f0;
    }
    
    body.woocommerce-cart table.shop_table tbody td:last-child {
        border-bottom: none;
    }
    
    body.woocommerce-cart table.shop_table tbody td::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        display: inline-block;
        width: 40%;
        color: var(--color-text, #222222);
    }
    
    /* Cart totals table mobile */
    body.woocommerce-cart table.shop_table tfoot tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--color-section-border, #e5e5e5);
        border-radius: 4px;
        padding: 1rem;
        background: var(--color-section-bg, #f4f8fb);
    }
    
    body.woocommerce-cart table.shop_table tfoot th,
    body.woocommerce-cart table.shop_table tfoot td {
        display: block;
        text-align: left !important;
        padding: 0.5rem 0;
        border: none;
    }
    
    body.woocommerce-cart table.shop_table tfoot th {
        font-size: 14px;
        margin-bottom: 0.25rem;
    }
    
    /* Cart actions mobile */
    body.woocommerce-cart .coupon {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }
    
    body.woocommerce-cart #coupon_code,
    body.woocommerce-cart input[name="coupon_code"] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    
    /* Cart coupon and actions buttons - Removed (only navigation buttons are styled) */
}

/* Make coupon code input same height as button */
body.woocommerce-cart #coupon_code,
body.woocommerce-cart input[name="coupon_code"] {
    height: auto;
    min-height: 48px; /* Button height: 12px top + 24px content + 12px bottom = 48px */
    padding: 12px 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 17px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    margin-right: 1rem !important;
}