/**
 * Theme Name:     Blurb Child
 * Author:         ThemeIm
 * Template:       blurb

 */


  

@import url("../blurb/style.css");


/* Container styling */
.woocommerce-cart-form.custom-cart-style,
.woocommerce-cart-form {
  background: #ffffff;
  border-radius: 8px;
  padding: 36px;
  box-shadow: 0 8px 30px rgba(15, 15, 15, 0.06);
  margin-bottom: 30px;
  border: 1px solid rgba(0,0,0,0.04);
}

/* Heading */
.custom-cart-heading,
.woocommerce-page h1.entry-title,
.woocommerce-cart-form .custom-cart-heading {
  font-size: 30px;
  color: #d32f2f; /* primary red */
  font-weight: 700;
  margin: 0 0 22px;
  letter-spacing: -0.5px;
}

/* Table layout */
.custom-cart-table,
.shop_table.shop_table_responsive.cart {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}

/* Table header */
.custom-cart-table thead th,
.shop_table.cart thead th {
  background: transparent;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  padding: 12px 18px;
  border-bottom: none;
}

/* Individual cart row styling */
.custom-cart-item,
.woocommerce-cart-form__cart-item {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.04);
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
  overflow: hidden;
}

/* Remove default td spacing and add padding */
.custom-cart-item td,
.woocommerce-cart-form__cart-item td {
  padding: 14px 18px;
  vertical-align: middle;
  border: none;
}

/* Thumbnail */
.product-thumbnail img,
.cart .product-thumbnail img {
  width: 84px;
  height: 84px;
  object-fit: cover;
  border-radius: 4px;
  display: inline-block;
}

/* Product name and meta */
.product-name a,
.custom-cart-item .product-name {
  color: #222;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
.woocommerce-cart-form .product-name .variation,
.woocommerce-cart-form .product-name .wc-item-meta {
  font-size: 13px;
  color: #666;
}

/* Price, quantity and subtotal */
.product-price,
.product-quantity,
.product-subtotal {
  font-size: 15px;
  color: #333;
  font-weight: 600;
}

/* Quantity input styling */
.quantity .qty,
input.qty {
  width: 64px !important;
  text-align: center;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
  line-height: 1.4;
}

/* Remove link style */
a.remove {
  color: #b71c1c;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  padding: 6px 10px;
}
a.remove:hover { color: #d32f2f; }

/* Coupon, update & Apply buttons */
.custom-coupon-input,
input[name="coupon_code"] {
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  width: 220px;
  margin-right: 10px;
}

.custom-button,
button[name="update_cart"],
button[name="apply_coupon"],
.woocommerce button.button {
  background: #d32f2f;
  color: #fff;
  padding: 10px 18px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(211,47,47,0.12);
}
.custom-button:hover,
.woocommerce button.button:hover { background: #b71c1c; }

/* Actions container */
.cart-actions {
  text-align: left;
  padding: 18px;
}

/* Cart totals / cross-sells style */
.cart-collaterals,
.woocommerce-cart .cart-collaterals {
  margin-top: 26px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* Cart totals box */
.woocommerce-cart .cart_totals,
.custom-cart-collaterals .cart_totals {
  background: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.04);
  padding: 18px;
  min-width: 280px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

/* Totals table */
.cart_totals table {
  width: 100%;
}
.cart_totals table tr th,
.cart_totals table tr td {
  font-weight: 600;
  padding: 8px 0;
}
.cart_totals .order-total {
  font-size: 18px;
  color: #222;
}

/* Cross-sells - make product cards align with theme */
.woocommerce .cross-sells ul.products,
.woocommerce .related.products ul.products {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
.woocommerce .cross-sells ul.products li.product,
.woocommerce .related.products ul.products li.product {
  width: calc(33.333% - 12px);
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.04);
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .custom-cart-heading { font-size: 22px; }
  .custom-cart-item td { padding: 12px; }
  .product-thumbnail img { width: 64px; height: 64px; }
  .woocommerce .cross-sells ul.products li.product { width: calc(50% - 10px); }
  .cart-collaterals { flex-direction: column; }
  input[name="coupon_code"], .custom-coupon-input { width: 100%; margin-bottom: 12px; }
}

/* Ensure default Woocommerce table borders removed for clean look */
.shop_table.cart,
.shop_table.cart thead,
.shop_table.cart tbody,
.shop_table.cart tr,
.shop_table.cart td,
.shop_table.cart th {
  border: none !important;
}

/* If you used the 'custom' classes from provided cart.php - ensure they match */
.woocommerce-cart-form.custom-cart-style .custom-cart-table thead th {
  background: transparent;
}

/* Error/message styles inside modal/cart */
.woocommerce-error,
.woocommerce-message {
  background: #fff5f5;
  border-left: 4px solid #d32f2f;
  color: #6b1b1b;
  padding: 12px 14px;
  margin-bottom: 12px;
  border-radius: 4px;
}