/* ===== ตกแต่งหน้าตะกร้าสินค้า (Cart Page) ===== */

/* 1. เปลี่ยนสีปุ่มทั้งหมดในหน้าตะกร้าให้เป็นโทนสีน้ำตาลและขอบมน */
.woocommerce a.button.alt, 
.woocommerce button.button.alt,
.woocommerce .cart .button, 
.woocommerce .cart input.button {
    background-color: #5c3a21 !important; /* สีน้ำตาลเข้ม */
    color: #ffffff !important;
    border-radius: 50px !important; /* ทำขอบโค้งมน */
    border: none !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
}

/* 2. เอฟเฟกต์เวลาเอาเมาส์ชี้ปุ่ม */
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover,
.woocommerce .cart .button:hover, 
.woocommerce .cart input.button:hover {
    background-color: #7a4524 !important; /* สีน้ำตาลสว่างขึ้นนิดนึง */
    transform: translateY(-2px) !important; /* เอฟเฟกต์ปุ่มลอยขึ้น */
    box-shadow: 0 6px 12px rgba(0,0,0,0.1) !important;
    color: #ffffff !important;
}

/* 3. ตกแต่งกรอบตารางตะกร้าให้ขอบมนและดูสะอาดตาขึ้น */
.woocommerce table.shop_table {
    border: 1px solid #e2d1c3 !important;
    border-radius: 12px !important;
    border-collapse: separate !important;
    overflow: hidden !important;
}

/* 4. ปรับแต่งปุ่มกากบาท (X) สำหรับลบสินค้า */
.woocommerce a.remove {
    color: #c94f4f !important; /* เปลี่ยนสีแดงให้ดูซอฟต์ลง */
    background: transparent !important;
    font-weight: bold !important;
}
.woocommerce a.remove:hover {
    background: #c94f4f !important;
    color: #ffffff !important;
}

/* บังคับปุ่ม 'ปรับปรุงสินค้าในตะกร้า' ให้ขอบโค้งมนเท่ากับปุ่มอื่น */
.woocommerce table.cart td.actions .button,
.woocommerce-page button[name="update_cart"] {
    border-radius: 50px !important;
}