/**
 * WooCommerce content pages: My Account, Checkout, Order received.
 *
 * These are plain shortcode pages, and page.php drops them into a Bootstrap
 * .container-fluid - which is full width. Nothing else constrains them, so the
 * login and register columns ran the whole width of the screen. The cart only
 * escaped this because .cabina-cart-page carries its own max-width.
 *
 * 1170px matches the Elementor kit container the header, breadcrumb, footer and
 * About Us all use, so these pages line up with the rest of the site.
 */

.woocommerce-account #main > .container-fluid,
.woocommerce-checkout #main > .container-fluid,
.woocommerce-order-received #main > .container-fluid {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

/* --- Login / Register ---------------------------------------------------- */

.woocommerce-account .woocommerce-form-login,
.woocommerce-account form.register {
	max-width: 100%;
}

/* Give the two columns some air between them rather than butting together. */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
	padding-right: 15px;
	padding-left: 15px;
}

@media (max-width: 767px) {
	.woocommerce-account .u-column1,
	.woocommerce-account .u-column2 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	.woocommerce-account .u-column2 {
		margin-top: 34px;
	}
}