:root {
	--cr-account-bg: #faf7f6;
	--cr-account-card: #fff;
	--cr-account-text: #333;
	--cr-account-muted: #888;
	--cr-account-line: #e7e7e7;
	--cr-account-field: #faf7f6;
	--cr-account-action: #b0b0b0;
}

.woocommerce-account:not(.logged-in) .site-content {
	background: var(--cr-account-bg);
}

body.woocommerce-account:not(.logged-in),
body.woocommerce-account:not(.logged-in).spectra-popup--open,
body.woocommerce-account:not(.logged-in).uagb-popup-open {
	max-width: 100%;
	overflow: auto !important;
	overflow-x: hidden !important;
	position: static !important;
}

body.woocommerce-account:not(.logged-in) #page,
body.woocommerce-account:not(.logged-in) .site,
body.woocommerce-account:not(.logged-in) .site-content {
	max-width: 100vw;
	overflow-x: clip;
}

body.woocommerce-account:not(.logged-in) .cky-modal,
body.woocommerce-account:not(.logged-in) .cky-preference-center {
	max-width: calc(100vw - 2rem) !important;
}

.woocommerce-account:not(.logged-in) .uagb-popup-builder.spectra-popup--open {
	display: none !important;
	pointer-events: none !important;
}

.woocommerce-account:not(.logged-in) .site-main {
	padding-block: 3rem 4rem;
}

.woocommerce-account:not(.logged-in) .ast-container,
.woocommerce-account:not(.logged-in) .ast-woocommerce-container {
	max-width: none;
	padding-inline: 0;
}

.woocommerce-account:not(.logged-in) .entry-header,
.woocommerce-account:not(.logged-in) .entry-content {
	max-width: 45rem;
	margin-inline: auto;
}

body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.woocommerce-account:not(.logged-in) .entry-title {
	margin: 0 0 1.5rem;
	text-align: center;
	font-family: Lora, Georgia, 'Times New Roman', serif;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.2;
	color: var(--cr-account-text);
	text-transform: capitalize;
}

.woocommerce-account:not(.logged-in) .cr-account-auth {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	width: min(100%, 45rem);
	margin-inline: auto;
	padding: 2.5rem;
	border-radius: 0.125rem;
	background: var(--cr-account-card);
	color: var(--cr-account-text);
	box-sizing: border-box;
}

.cr-account-auth__header {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 100%;
}

.cr-account-auth.is-register-active .cr-account-auth__intro {
	display: none;
}

.cr-account-auth__tabs {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin: 0;
}

.cr-account-auth__panel {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	width: 100%;
}

.cr-account-auth__tab {
	padding: 0;
	border: 0;
	background: transparent;
	font-family: Lora, Georgia, 'Times New Roman', serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.32;
	color: var(--cr-account-muted);
	text-decoration: none;
	cursor: pointer;
}

.cr-account-auth__tab.is-active,
.cr-account-auth.is-login-active [data-cr-account-tab="login"],
.cr-account-auth.is-register-active [data-cr-account-tab="register"],
.cr-account-auth__tab:hover,
.cr-account-auth__tab:focus {
	background: transparent;
	color: var(--cr-account-text);
}

.cr-account-auth__intro {
	margin: 0;
	margin-bottom: 0 !important;
	font-family: Quicksand, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.52;
	color: var(--cr-account-text);
}

.cr-account-auth__socials {
	display: grid;
	gap: 0.5rem;
	margin: 0;
	width: 100%;
}

.woocommerce-account:not(.logged-in) .cr-account-auth .cr-account-auth__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	min-height: 3rem;
	width: 100%;
	padding: 0.75rem 1rem;
	border: 0.062rem solid #333;
	border-radius: 0.125rem;
	background: #fff;
	color: var(--cr-account-text);
	font-family: Quicksand, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.52;
	text-transform: none !important;
	box-shadow: none;
	cursor: pointer;
}

.woocommerce-account:not(.logged-in) .cr-account-auth .cr-account-auth__social:hover,
.woocommerce-account:not(.logged-in) .cr-account-auth .cr-account-auth__social:focus {
	color: #e81f76;
	border-color: #e81f76;
}

.cr-account-auth__social-icon {
	display: inline-grid;
	place-items: center;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1;
	flex-shrink: 0;
}

.cr-account-auth__social-icon--google svg {
	display: block;
}

.cr-account-auth__social-icon--apple {
	color: #000;
}

.cr-account-auth__social-icon--apple svg {
	display: block;
}

.cr-account-auth__form {
	display: grid;
	gap: 1.5rem;
	width: 100%;
}

.woocommerce .cr-account-auth form.login,
.woocommerce .cr-account-auth form.register {
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
}

body.woocommerce-account:not(.logged-in).woocommerce-page .entry-content .cr-account-auth button.cr-account-auth__tab[data-cr-account-tab] {
	appearance: none !important;
	-webkit-appearance: none !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-family: Lora, Georgia, 'Times New Roman', serif !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	line-height: 1.32 !important;
	color: var(--cr-account-muted) !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	text-transform: none !important;
	box-shadow: none !important;
}

body.woocommerce-account:not(.logged-in).woocommerce-page .entry-content .cr-account-auth.is-login-active button.cr-account-auth__tab[data-cr-account-tab="login"],
body.woocommerce-account:not(.logged-in).woocommerce-page .entry-content .cr-account-auth.is-register-active button.cr-account-auth__tab[data-cr-account-tab="register"] {
	color: var(--cr-account-text) !important;
}

.cr-account-auth__field,
.woocommerce .cr-account-auth .form-row {
	margin: 0;
	padding: 0;
	position: relative !important;
}

.cr-account-auth__field label,
.woocommerce .cr-account-auth .form-row label,
.woocommerce-account:not(.logged-in) .cr-account-auth .form-row.ast-float-label > label {
	display: block !important;
	position: static !important;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 0.5rem !important;
	padding: 0 !important;
	font-family: Quicksand, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	line-height: 1.52 !important;
	color: var(--cr-account-text) !important;
	opacity: 1 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	z-index: auto !important;
}

.cr-account-auth__field .required {
	color: #e81f76;
}

.woocommerce .cr-account-auth .input-text,
.woocommerce-page .cr-account-auth .input-text,
.woocommerce-account:not(.logged-in) .cr-account-auth .form-row .input-text,
.woocommerce-account:not(.logged-in) .cr-account-auth .form-row.ast-float-label .input-text,
.woocommerce-account:not(.logged-in) .cr-account-auth input[type="text"],
.woocommerce-account:not(.logged-in) .cr-account-auth input[type="email"],
.woocommerce-account:not(.logged-in) .cr-account-auth input[type="password"] {
	display: block !important;
	width: 100% !important;
	height: 3rem !important;
	min-height: 3rem !important;
	max-height: 3rem !important;
	margin: 0 !important;
	padding: 0 0.75rem !important;
	border: 0.062rem solid #e7e7e7 !important;
	border-radius: 0.125rem !important;
	background: var(--cr-account-field) !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	font-family: Quicksand, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 2.875rem !important;
	color: var(--cr-account-text) !important;
	vertical-align: middle !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.woocommerce .cr-account-auth .input-text::placeholder {
	color: #b5aeaa;
	opacity: 1;
	line-height: 2.875rem !important;
}

/* Password show / hide — Eye SVGs */
.woocommerce-account:not(.logged-in) .cr-account-auth .password-input,
.woocommerce-account:not(.logged-in) .cr-account-auth .woocommerce-form-login .password-input,
.woocommerce-account:not(.logged-in) .cr-account-auth .woocommerce-form-register .password-input {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: 3rem !important;
	min-height: 3rem !important;
	flex-direction: unset !important;
	justify-content: unset !important;
}

.woocommerce-account:not(.logged-in) .cr-account-auth .password-input .input-text {
	padding-right: 2.75rem !important;
	height: 3rem !important;
	min-height: 3rem !important;
	max-height: 3rem !important;
	line-height: 2.875rem !important;
}

.woocommerce-account:not(.logged-in) .cr-account-auth .show-password-input,
.woocommerce-account:not(.logged-in) .cr-account-auth .password-input .show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 0.625rem !important;
	left: auto !important;
	translate: 0 -50% !important;
	transform: none !important;
	display: block !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0.125rem !important;
	background-color: transparent !important;
	background-image: var(--cr-account-eye-inactive) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 1.5rem 1.5rem !important;
	box-shadow: none !important;
	cursor: pointer !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	z-index: 2 !important;
}

.woocommerce-account:not(.logged-in) .cr-account-auth .show-password-input.display-password,
.woocommerce-account:not(.logged-in) .cr-account-auth .password-input .show-password-input.display-password {
	background-image: var(--cr-account-eye-active) !important;
}

.woocommerce-account:not(.logged-in) .cr-account-auth .show-password-input::after,
.woocommerce-account:not(.logged-in) .cr-account-auth .show-password-input::before,
.woocommerce-account:not(.logged-in) .cr-account-auth .password-input .show-password-input::after,
.woocommerce-account:not(.logged-in) .cr-account-auth .password-input .show-password-input::before {
	display: none !important;
	content: none !important;
}

.cr-account-auth__options {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	font-family: Quicksand, sans-serif;
	font-size: 1rem;
	line-height: 1.52;
}

.cr-account-auth__remember {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	white-space: nowrap;
	font-family: Quicksand, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.52;
	color: var(--cr-account-text);
}

.cr-account-auth__remember input {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	display: inline-block !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	min-width: 1.5rem !important;
	max-width: 1.5rem !important;
	min-height: 1.5rem !important;
	max-height: 1.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	background-image: url("../svg/Button=Check, State=Inactive.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 1.5rem 1.5rem !important;
	cursor: pointer !important;
	vertical-align: middle !important;
}

.cr-account-auth__remember input:checked {
	background-image: url("../svg/Button=Check, State=Active.svg") !important;
	background-color: transparent !important;
}

.cr-account-auth__remember input::before,
.cr-account-auth__remember input::after,
.cr-account-auth__remember input:checked::before,
.cr-account-auth__remember input:checked::after {
	content: none !important;
	display: none !important;
}

.cr-account-auth__forgot {
	justify-self: center;
	width: fit-content;
	margin: 0 auto;
	font-family: Quicksand, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.52;
	color: var(--cr-account-text);
	text-decoration: underline;
	text-underline-offset: 0.312rem;
}

.cr-account-auth__forgot:hover,
.cr-account-auth__forgot:focus {
	color: #e81f76;
}

.woocommerce .cr-account-auth .cr-account-auth__submit,
.woocommerce-page .cr-account-auth .cr-account-auth__submit {
	justify-self: stretch;
	width: 100%;
	min-height: 3rem;
	margin: 0;
	padding: 0.75rem 1rem;
	border: 0;
	border-radius: 0.125rem;
	background: var(--cr-account-action);
	color: #fff;
	font-family: Quicksand, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.52;
	text-transform: none;
}

.woocommerce .cr-account-auth .cr-account-auth__submit:hover,
.woocommerce .cr-account-auth .cr-account-auth__submit:focus {
	background: #9d9996;
	color: #fff;
}

.cr-account-auth__panel[hidden] {
	display: none !important;
}

.cr-account-auth__panel--register {
	margin: 0;
	padding: 0;
	border: 0;
}

.cr-account-auth.is-register-active .cr-account-auth__panel--register {
	display: block !important;
}

.cr-account-auth.is-register-active #customer-login {
	display: none !important;
}

.woocommerce-account:not(.logged-in) .cr-account-auth__form.login p:has(a[href="#createaccount"]),
.woocommerce-account:not(.logged-in) .cr-account-auth__form.login .woocommerce-LostPassword + p,
.woocommerce-account:not(.logged-in) .cr-account-auth__form.login > p:last-child {
	display: none !important;
}

@media (min-width: 768px) {
	.cr-account-auth {
		padding: 2.5rem;
	}
}

@media (max-width: 767px) {
	.woocommerce-account:not(.logged-in) .site-main {
		padding-block: 2rem 3rem;
	}

	.woocommerce-account:not(.logged-in) .entry-header,
	.woocommerce-account:not(.logged-in) .entry-content {
		max-width: none;
		padding-inline: 1rem;
	}

	.woocommerce-account:not(.logged-in) .entry-title {
		margin-bottom: 1.25rem;
		font-size: 2rem;
	}

	.cr-account-auth {
		gap: 2rem;
		padding: 1.5rem 1rem;
	}
}
