/**
 * This stylesheet optimises the default WooCommerce layout when viewed on smaller screens.
 */

@import "mixins";

.woocommerce, .woocommerce-page {

	/**
	 * General layout
	 */
	.col2-set {
		.col-1, .col-2 {
			float: none;
			width:100%;
		}
	}

	/**
	 * Products
	 */
	ul.products {
		li.product {
			width:48%;
			float: left;
			clear:both;
			margin:0 0 2.992em;
			&:nth-child(2n) {
				float: right;
				clear:none !important;
			}
		}
	}

	/**
	 * Product Details
	 */
	div.product, #content div.product {
		div.images, div.summary {
			float: none;
			width:100%;
		}
	}

	/**
	 * Cart
	 */
	table.cart, #content table.cart {
		.product-thumbnail {
			display: none;
		}
		td.actions {
			text-align: left;
			.coupon {
				float:none;
				.clearfix;
				padding-bottom:.5em;
			}
			input, .button, .input-text {
				width:48%;
				.borderbox;
			}
			.input-text + .button, .button.alt {
				float: right;
			}
		}
	}
	.cart-collaterals {
		.cart_totals, .shipping_calculator, .cross-sells {
			width:100%;
			float: none;
			text-align: left;
		}
	}

	/**
	 * Checkout
	 */
	#payment {
		.terms {
			text-align: left;
			padding:0;
		}
		#place_order {
			float: none;
			width:100%;
			.borderbox;
			margin-bottom:1em;
		}
	}
}