@import "../../elements/button";

.woocommerce {

	a.button,
	a.button.alt,
	button.button,
	button.button.alt,
	input.button,
	input.button.alt,
	input.button[type="submit"],
	#respond input#submit,
	#respond input#submit.alt {

		@include button;
	}

	#reviews #comment {
		height: 150px;
	}

	.quantity .qty {
		width: 70px;
		margin-right: 5px;
		padding: 12px 5px;
		font-size: 2rem;
		line-height: 1.5;
	}

	form {

		.form-row input.input-text,
		.form-row textarea {
			padding: 8px 20px;
			line-height: 1.5;
		}

		&.checkout_coupon,
		&.login,
		&.register,
		.form-row .select2-container,
		.form-row.woocommerce-validated input.input-text,
		.form-row.woocommerce-validated select,
		.form-row.woocommerce-validated .select2-container {
			border-color: $color--gray-20;
			border-radius: 0;
		}
	}

	.coupon {
		line-height: 1;

		.input-text {
			height: 48px;
		}
	}

	input.button,
	input.button[type="submit"] {
		width: 100% !important;
	}
}

@include mq(xs) {

	.woocommerce form .form-row-first,
	.woocommerce-page form .form-row-first,
	.woocommerce #reviews #comments .star-rating {
		float: left;
		width: 47%;
	}

	.woocommerce form .form-row-last,
	.woocommerce-page form .form-row-last {
		float: right;
		width: 47%;
	}

	.woocommerce input.button,
	.woocommerce input.button[type="submit"],
	.woocommerce-cart table.cart td.actions .coupon .input-text {
		width: auto !important;
	}
}

.woocommerce-cart table.cart,
.woocommerce-checkout table.cart,
#add_payment_method table.cart {

	td.actions .coupon .input-text {
		width: 150px;
		padding: 5px 20px;
		border-color: $color--gray-20;
	}

	input {
		vertical-align: top;
	}
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce #reviews #comments .star-rating,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
	float: none;
	width: 100%;
}