/* Cart page styles */

/* Hide sidebar on cart page for full-width layout */
.woocommerce-cart #secondary {
	display: none;
}

.woocommerce-cart #primary {
	width: 100%;
	float: none;
}

body.woocommerce-cart .cart-collaterals {
	display: flex;
	flex-direction: column;
	
	.wc-proceed-to-checkout {
		a.checkout-button {
			background-color: var(--primary-color) !important;
			border-color: var(--primary-color) !important;
			color: white !important;
			font-size: 14px;
			font-weight: 600;
		}
	}
	
	.cart_totals {
		order: -1;
		width: 100%;
		float: none;
		margin-bottom: 2em;

		table th,
		table td {
			padding: 0.5rem;
		}
	}
	
	.cross-sells {
		width: 100%;
		float: none;
		clear: both;

		ul.products {
			display: flex;
			flex-wrap: wrap;
			gap: 1rem;
			justify-content: flex-start;
			
			li.product {
				width: calc(33.333% - 1rem);
				margin: 0;
				
				@media (max-width: 768px) {
					width: calc(50% - 1rem);
				}
				
				@media (max-width: 480px) {
					width: 100%;
				}
			}
		}
	}
}