/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Tổng thể giỏ hàng */
.woocommerce-cart table.shop_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eee;
  margin-bottom: 30px;
  font-size: 15px;
}

/* Header */
.woocommerce-cart table.shop_table thead th {
  background-color: #333333;
  color: #fff;
  font-weight: 600;
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

/* Các hàng trong bảng */
.woocommerce-cart table.shop_table td {
  padding: 12px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

/* Hình ảnh sản phẩm */
.woocommerce-cart table.shop_table .product-thumbnail img {
  width: 60px;
  height: auto;
  border-radius: 6px;
}
.cart-collaterals .cart_totals h2 {
    font-size: 20px;
}

/* Tên sản phẩm */
.woocommerce-cart table.shop_table .product-name a {
  font-weight: 500;
  color: #333333;
  text-decoration: none;
  transition: color 0.3s;
}

.woocommerce-cart table.shop_table .product-name a:hover {
  color: #003b5c;
}

/* Nút xóa */
.woocommerce a.remove {
  background-color: #333333;
  color: #fff !important;
  border-radius: 50%;
  font-size: 18px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
}

.woocommerce a.remove:hover {
  background-color: #333333;
  color: white !important;
}

/* Input số lượng */
.woocommerce .quantity input.qty {
  width: 60px;
  height: 38px;
  text-align: center;
  font-size: 15px;
  border: 1px solid #ccc;
}

/* Tổng cộng */
.cart_totals {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #eee;
}

/* Nút cập nhật và thanh toán */
.woocommerce .actions .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #333333!important;
  color: #fff !important;
  border-radius: 5px;
  padding: 5px 25px;
    font-size: 14px;
    font-weight: 500;
  text-transform: uppercase;
  transition: 0.3s;
  border: none;
  line-height: 20px;
}

.woocommerce .actions .button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #003b5c;
}

/* Bảng bên phải */
.cart-collaterals table tbody th {
padding: 15px 10px !important;  
	color: #333333;
}
.woocommerce .actions .button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #D71921 !important; /* Màu đỏ */
    color: #fff !important; /* Giữ màu chữ trắng */
}


.woocommerce a.remove {
  font-size: 0; /* Ẩn ký tự × gốc */
  background-color: #333333;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white !important;
}

.woocommerce a.remove:hover {
  background-color: #cf3034;
}

@media (max-width: 768px) {
  .woocommerce-cart table.shop_table .product-thumbnail {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .woocommerce-cart table.shop_table .product-thumbnail a {
    display: block;
    text-align: center;
  }

  .woocommerce-cart table.shop_table .product-thumbnail img {
    width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .woocommerce-cart td.product-remove {
    width: 20%;
    text-align: center;
    order: 1;
  }

  th.product-name {
    padding-left: 10px;
  }
}
.woocommerce-cart-form thead {
    line-height: 20px!important;
}