/* ==========================================================
   Digital Agency — WooCommerce Cart & Checkout
   ========================================================== */

/* ── Shared wrapper ───────────────────────────────────────── */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2rem 4rem;
}

/* ── Cart table ───────────────────────────────────────────── */
.woocommerce-cart table.cart {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
	margin-bottom: 2rem;
}

.woocommerce-cart table.cart thead th {
	background: #f5f3ef;
	padding: 0.6rem 0.9rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #888;
	text-align: left;
	border: none;
}

.woocommerce-cart table.cart tbody td {
	padding: 1rem 0.9rem;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
	color: #333;
}

.woocommerce-cart table.cart .product-thumbnail img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 0.4rem;
	border: 1px solid #ebebeb;
}

.woocommerce-cart table.cart .product-name a {
	font-weight: 600;
	color: #111;
	text-decoration: none;
}
.woocommerce-cart table.cart .product-name a:hover { color: #5B6EF5; }

.woocommerce-cart table.cart .product-remove a {
	color: #ccc;
	font-size: 1.2rem;
	text-decoration: none;
}
.woocommerce-cart table.cart .product-remove a:hover { color: #e74c3c; }

/* Quantity input */
.woocommerce-cart .quantity input[type="number"] {
	width: 60px;
	padding: 0.4rem 0.5rem;
	border: 1.5px solid #e0e0e0;
	border-radius: 0.35rem;
	font-size: 0.9rem;
	text-align: center;
}

/* Update cart button */
.woocommerce-cart .actions .button {
	padding: 0.55rem 1.2rem;
	background: #f5f5f5;
	color: #333 !important;
	font-size: 0.875rem;
	font-weight: 600;
	border: 1.5px solid #ddd;
	border-radius: 0.4rem;
	cursor: pointer;
	text-decoration: none !important;
}
.woocommerce-cart .actions .button:hover { background: #ebebeb; }

/* ── Cart totals ──────────────────────────────────────────── */
.woocommerce-cart .cart-collaterals {
	display: flex;
	justify-content: flex-end;
}

.woocommerce-cart .cart_totals {
	width: 100%;
	max-width: 380px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	border-radius: 0.75rem;
	padding: 1.5rem;
}

.woocommerce-cart .cart_totals h2 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 1rem;
	color: #111;
}

.woocommerce-cart .cart_totals table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
	margin-bottom: 1.25rem;
}

.woocommerce-cart .cart_totals table tr th,
.woocommerce-cart .cart_totals table tr td {
	padding: 0.5rem 0;
	border-bottom: 1px solid #f0f0f0;
	color: #444;
}

.woocommerce-cart .cart_totals table .order-total th,
.woocommerce-cart .cart_totals table .order-total td {
	font-weight: 700;
	font-size: 1rem;
	color: #111;
	border-bottom: none;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	display: block;
	width: 100%;
	padding: 0.75rem;
	background: #111;
	color: #fff !important;
	font-size: 0.95rem;
	font-weight: 700;
	border: none;
	border-radius: 0.4rem;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover { background: #333; }

/* ── Empty cart ───────────────────────────────────────────── */
.woocommerce-cart .cart-empty {
	text-align: center;
	padding: 3rem 0;
	color: #888;
	font-size: 1rem;
}
.woocommerce-cart .return-to-shop .button {
	padding: 0.6rem 1.4rem;
	background: #5B6EF5;
	color: #fff !important;
	font-weight: 600;
	border-radius: 0.4rem;
	text-decoration: none !important;
	border: none;
}

/* ── Checkout form ────────────────────────────────────────── */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
	font-size: 1rem;
	font-weight: 700;
	color: #111;
	margin: 1.5rem 0 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #ebebeb;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
	width: 100%;
	padding: 0.55rem 0.85rem;
	border: 1.5px solid #e0e0e0;
	border-radius: 0.4rem;
	font-size: 0.9rem;
	color: #111;
	background: #fff;
	outline: none;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus {
	border-color: #5B6EF5;
	box-shadow: 0 0 0 3px rgba(91,110,245,0.1);
}

.woocommerce-checkout label {
	font-size: 0.825rem;
	font-weight: 600;
	color: #444;
	display: block;
	margin-bottom: 0.25rem;
}

/* Order review table */
.woocommerce-checkout #order_review table.shop_table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
	margin-bottom: 1.5rem;
}
.woocommerce-checkout #order_review table.shop_table th {
	background: #f5f3ef;
	padding: 0.55rem 0.9rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #888;
	text-align: left;
}
.woocommerce-checkout #order_review table.shop_table td {
	padding: 0.65rem 0.9rem;
	border-bottom: 1px solid #f0f0f0;
	color: #333;
}
.woocommerce-checkout #order_review table.shop_table .order-total td,
.woocommerce-checkout #order_review table.shop_table .order-total th {
	font-weight: 700;
	font-size: 1rem;
	color: #111;
	border-bottom: none;
}

/* Place order button */
.woocommerce-checkout #place_order {
	display: block;
	width: 100%;
	padding: 0.8rem;
	background: #111;
	color: #fff !important;
	font-size: 1rem;
	font-weight: 700;
	border: none;
	border-radius: 0.4rem;
	cursor: pointer;
	text-align: center;
}
.woocommerce-checkout #place_order:hover { background: #333; }

/* Notices */
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
	padding: 0.7rem 1rem;
	border-radius: 0.4rem;
	font-size: 0.875rem;
	margin-bottom: 1rem;
	list-style: none;
}
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message  { background: #f0fdf9; border: 1px solid #b2e8da; color: #1a7a6a; }
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info     { background: #f0f1fe; border: 1px solid #c5cafc; color: #3d4ecc; }
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error    { background: #fff5f5; border: 1px solid #fcc;    color: #c0392b; }

/* ── Responsive ───────────────────────────────────────────── */
@media ( max-width: 680px ) {
	.woocommerce-cart .woocommerce,
	.woocommerce-checkout .woocommerce { padding: 0 1rem 3rem; }
	.woocommerce-cart .cart-collaterals { justify-content: stretch; }
	.woocommerce-cart .cart_totals { max-width: 100%; }
}

/* ── Hide cart block cross-sells / featured products section ──── */
.wc-block-cart__cross-sells,
.wc-block-cart__cross-sells-title,
.wp-block-woocommerce-cart-cross-sells-block {
	display: none !important;
}

/* ── Hide cross-sells and product blocks on empty cart page ──── */
.woocommerce-cart .cross-sells,
.woocommerce-cart .cross-sells-title,
.woocommerce-cart .woocommerce-products-header,
.woocommerce-cart .wp-block-woocommerce-product-new,
.woocommerce-cart .wp-block-woocommerce-featured-product,
.woocommerce-cart .wp-block-woocommerce-products,
.woocommerce-cart .wp-block-woocommerce-handpicked-products,
.woocommerce-cart .wc-block-product-new,
.woocommerce-cart .wc-block-handpicked-products,
.woocommerce-cart .wc-block-featured-products,
.woocommerce-cart h2.cross-sells,
.woocommerce-cart .products.cross-sells {
	display: none !important;
}

/* ── Also hide any product section injected into the empty cart ─ */
.woocommerce-cart .page-description ~ .woocommerce,
.woocommerce-cart .woocommerce-error ~ div[class*="wp-block"],
.woocommerce-cart .cart-empty ~ div[class*="wp-block"],
.woocommerce-cart .cart-empty ~ .woocommerce,
.woocommerce-cart .return-to-shop ~ div[class*="wp-block"],
.woocommerce-cart .return-to-shop ~ section,
.woocommerce-cart .return-to-shop ~ .wp-block-group {
	display: none !important;
}

/* ── WooCommerce "New in store" block — hide on cart page ───── */
.woocommerce-cart .wp-block-woocommerce-product-new,
.woocommerce-cart .wc-block-product-new,
body.woocommerce-cart .wp-block-woocommerce-product-new,
body.woocommerce-cart .wc-block-product-new,
body.woocommerce-cart [class*="wp-block-woocommerce-product-new"],
body.woocommerce-cart [class*="wc-block-product-new"] {
    display: none !important;
}
