/**
 * Cart Page Styles
 *
 * @package FIP_WooCommerce
 */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding: 12px;
	font-size: 1rem;
	border-radius: 12px;
}

#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table {
	border-collapse: separate;
	padding: 16px 24px;
	margin-bottom: 0;
	border-spacing: 0 8px;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
	border-top: none;
	padding: 0;
	font-weight: normal;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
	text-align: right;
}

.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
	border-top: 0;
	font-weight: normal;
}

.order-total {
	color: var(--wp--preset--color--grey-900);
	font-weight: normal;
}

#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout {
	padding: 0;
}

.woocommerce-cart main .woocommerce {
	max-width: 100%;
}

.fip-cart-page {
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto;
}

.fip-cart-page .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

.woocommerce-page .woocommerce-cart-form .product-thumbnail {
	width: auto;
}

.woocommerce-page .woocommerce-cart-form .product-thumbnail a img {
	width: 48px;
	height: 48px;
	aspect-ratio: 1 /1;
	border-radius: 8px;
}

.woocommerce a.remove {
	color: var(--wp--preset--color--grey-600) !important;
}

.woocommerce a.remove:hover {
	color: var(--wp--preset--color--destructive-700) !important;
	background-color: transparent;
}

.fip-coupon-row td:before {
	display: none;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background-color: transparent;
}

.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
	font-weight: normal;
}

@media (max-width: 768px) {
	.woocommerce table.shop_table_responsive tr,
	.woocommerce-page table.shop_table_responsive tr {
		margin-bottom: var(--wp--preset--spacing--8);
	}
}

.wc-empty-cart-message {
	margin: 30px 0;
}