/** @format */

.woocommerce-profile-wizard__body {
	background: $muriel-gray-0;
	color: $muriel-gray-600;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
		'Helvetica Neue', sans-serif;

	.woocommerce-profile-wizard__container a {
		color: $muriel-gray-600;
	}

	.woocommerce-card {
		h1,
		h2,
		h3 {
			color: $muriel-gray-800;
		}
		color: $muriel-gray-600;
		text-align: left;

		button {
			display: flex;
			margin: 0 auto;
		}
	}

	.woocommerce-profile-wizard__header {
		height: 56px;
		border-bottom: 1px solid $muriel-gray-50;
		display: flex;
		align-items: center;
		justify-content: center;

		svg > g {
			transform: translateX(25%);
		}

		.woocommerce-profile-wizard__plus {
			stroke: $muriel-gray-800;
		}
	}

	.woocommerce-profile-wizard__header-title {
		color: $muriel-gray-800;
		font-size: 24px;
		line-height: 32px;
		font-weight: 400;
	}

	.woocommerce-profile-wizard__container {
		margin-top: $gap-larger;
		margin-left: auto;
		margin-right: auto;
		max-width: 476px;

		@include breakpoint( '<782px' ) {
			padding-left: $gap;
			padding-right: $gap;
		}

		p,
		div {
			font-size: 16px;
			line-height: 24px;
			font-weight: 400;
		}

		.woocommerce-card ~ p {
			font-size: 14px;
		}
	}

	#woocommerce-layout__primary {
		text-align: center;
		margin: 0;
		width: 100%;
	}

	.woocommerce-layout .woocommerce-layout__main {
		padding-right: 0;
	}

	/* Hide wp-admin and WooCommerce elements when viewing the profile wizard*/
	#adminmenumain,
	#wpadminbar,
	.woocommerce-layout__header,
	.update-nag,
	.woocommerce-store-alerts,
	.woocommerce-message,
	.notice,
	.error,
	.updated {
		display: none;
	}

	#wpcontent {
		margin-left: 0;
	}

	#wpbody {
		padding-top: 0;
	}
}