/* logged in */

.woocommerce-account.logged-in .site-header,
.woocommerce-account.logged-in .entry-header {
	background-color: #e2d17a;
}

.woocommerce-account.logged-in .entry-header {
	background-image: url('https://cdn.strapsco.com/wp-content/themes/strapsco-2025/images/heading-backgrounds/my-account.svg');
	background-repeat: no-repeat;
	background-position: -56px -71px;
}

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
	min-height: 660px;
	border-radius: 10px;
	background-color: #f0ede8;
	color: #615f5d;
}

.woocommerce-MyAccount-navigation {
	padding: 20px;
	color: #615f5d;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
}

.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.woocommerce-MyAccount-navigation li {
	border-top: 1px solid rgb(76 75 74 / 30%);
	padding-top: 13px;
	padding-bottom: 13px;
}

.woocommerce-MyAccount-navigation li:first-child {
	border-top-width: 0;
	padding-top: 0;
}

.woocommerce-MyAccount-navigation li:last-child {
	padding-bottom: 0;
}

.woocommerce-MyAccount-navigation li.is-active {
	color: #1d1410;
}

.woocommerce-MyAccount-navigation ul a {
	color: inherit;
	text-decoration: none;
}

.woocommerce-MyAccount-content {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 35px;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 1.5;
}

.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h4,
.woocommerce-MyAccount-content h5,
.woocommerce-MyAccount-content h6 {
	color: #1d1410;
	font-weight: 500;
}

.woocommerce-MyAccount-content h1 {
	margin-bottom: 20px;
	font-size: 40px;
	line-height: 1.25;
}

.woocommerce-MyAccount-content h2 {
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 1.25;
}

.woocommerce-MyAccount-content h3 {
	/* this is used for the "Billing address" and Shipping address" headings */
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 1.2;
}

.woocommerce-MyAccount-content h4 {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.3;
}

.woocommerce-MyAccount-content p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.woocommerce-MyAccount-content > *:first-child,
.woocommerce-MyAccount-content > *:first-child > *:first-child,
.woocommerce-MyAccount-content > *:first-child > *:first-child > *:first-child {
	margin-top: 0;
}

.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + * {
	margin-top: 0;
}

@media (max-width: 1000px) {
	.woocommerce-MyAccount-navigation {
		min-height: 0;
		margin-bottom: 20px;
	}

	.woocommerce-MyAccount-content {
		min-height: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.woocommerce-MyAccount-content h1 {
		font-size: 28px;
		line-height: 1.3;
	}

	.woocommerce-MyAccount-content h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	.woocommerce-MyAccount-content h3 {
		/* this is used for the "Billing address" and Shipping address" headings */
		font-size: 18px;
		line-height: 1.2;
	}

	.woocommerce-MyAccount-content h4 {
		font-size: 15px;
		line-height: 1.3;
	}
}

/* not logged in */

body.woocommerce-account:not(.logged-in) {
	background-color: #f0ede8;
}

.woocommerce-account:not(.logged-in) .site-header {
	margin-bottom: 20px;
}

.woocommerce-account:not(.logged-in) .entry-header {
	display: none;
}

.strapsco-2025-customer-login-form {
	display: flex;
	flex-direction: row;
	gap: 16px;
	min-height: 830px;
	color: #615F5D;
	font-size: 14px;
	line-height: 1.5;
}

.strapsco-2025-customer-login-form > * {
	flex: 1 1 0;
	border-radius: 10px;
	background-color: #fff;
}

.strapsco-2025-customer-login-form-background {
	background-image: url('https://cdn.strapsco.com/wp-content/themes/strapsco-2025/images/my-account.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.strapsco-2025-customer-login-form-left-column {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.strapsco-2025-customer-login-form-left-column-content {
	width: 376px;
	max-width: calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}

.woocommerce .strapsco-2025-customer-login-form .u-columns .u-column1,
.woocommerce-page .strapsco-2025-customer-login-form .u-columns .u-column1,
.woocommerce .strapsco-2025-customer-login-form .u-columns .u-column2,
.woocommerce-page .strapsco-2025-customer-login-form .u-columns .u-column2 {
	float: none;
	width: auto;
}

.strapsco-2025-customer-login-form .u-columns .u-column2 {
	display: none;
}

.strapsco-2025-customer-login-form h2 {
	margin-top: 0;
	margin-bottom: 17px;
	color: #1d1410;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.25;
}

.woocommerce .strapsco-2025-customer-login-form form.login {
	margin: 0;
	border-width: 0;
	padding: 0;
}

.strapsco-2025-customer-login-form .required {
	display: none;
}

.strapsco-2025-customer-login-form input[type='text'],
.strapsco-2025-customer-login-form input[type='email'],
.strapsco-2025-customer-login-form input[type='password'] {
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 19px;
	padding-bottom: 19px;
}

.woocommerce .strapsco-2025-customer-login-form form .show-password-input,
.woocommerce-page .strapsco-2025-customer-login-form form .show-password-input {
	top: 18px;
}

p.strapsco-2025-lost-password {
	margin-top: 26px;
	margin-bottom: 24px;
	color: #1d1410;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}

.strapsco-2025-lost-password a {
	color: inherit;
	text-decoration: underline;
}

.strapsco-2025-lost-password a:hover {
	text-decoration: none;
}

.lost_password {
	display: none;
}

.woocommerce .strapsco-2025-customer-login-form .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
	margin-bottom: 24px;
	text-align: center;
}

.woocommerce .strapsco-2025-customer-login-form .woocommerce-form-login .woocommerce-form-login__submit {
	display: block;
	float: none;
	width: 100%;
	margin-right: 0;
}

.strapsco-2025-customer-login-form .woocommerce-form-login__submit svg {
	margin-left: 5px;
	vertical-align: -7px;
}

p.strapsco-2025-login-form-end {
	margin-top: 26px;
	margin-bottom: 0;
	color: #1d1410;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}

.strapsco-2025-sign-up-button {
	display: inline-block;
	border-width: 0;
	padding: 0;
	background-color: transparent;
	text-decoration: underline;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.strapsco-2025-sign-up-button:hover {
	text-decoration: none;
}

/* registration page */

.strapsco-2025-sign-up .strapsco-2025-customer-login-form .u-columns .u-column1 {
	display: none;
}

.strapsco-2025-sign-up .strapsco-2025-customer-login-form .u-columns .u-column2 {
	display: block;
}

.woocommerce .strapsco-2025-customer-login-form form.register {
	margin: 0;
	border-width: 0;
	padding: 0;
}

/* this is the submit wrapper */
.strapsco-2025-customer-login-form .woocommerce-form-register p.woocommerce-form-row:not(.woocommerce-form-row--wide) {
	margin-top: 25px;
	margin-bottom: 5px;
}

.woocommerce .strapsco-2025-customer-login-form .woocommerce-form-register .woocommerce-form-register__submit {
	display: block;
	width: 100%;
}

.strapsco-2025-customer-login-form .woocommerce-form-register__submit svg {
	margin-left: 5px;
	vertical-align: -7px;
}

p.strapsco-2025-register-form-end {
	margin-bottom: 0;
}

.strapsco-2025-register-form-end .strapsco-2025-button {
	display: block;
	width: 100%;
	text-align: center;
}

/* forgot password page */

.woocommerce .strapsco-2025-customer-login-form form .form-row-first,
.woocommerce-page .strapsco-2025-customer-login-form form .form-row-first {
	float: none;
	width: auto;
}

@media (max-width: 1000px) {
	.strapsco-2025-customer-login-form {
		display: block;
		min-height: 0;
	}

	.strapsco-2025-customer-login-form-left-column {
		display: block;
		padding-top: 35px;
		padding-bottom: 36px;
	}

	.strapsco-2025-customer-login-form h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	p.strapsco-2025-lost-password {
		margin-top: 11px;
		margin-bottom: 10px;
	}

	.woocommerce .strapsco-2025-customer-login-form .woocommerce-form-login .woocommerce-form-login__rememberme {
		margin-bottom: 10px;
	}

	p.strapsco-2025-register-form-end {
		margin-bottom: 4px;
	}

	.strapsco-2025-customer-login-form-background {
		display: none;
	}
}