/* =========================================================
   MAC ONE - LOGIN / CADASTRO
   Escopo: SOMENTE o bloco .macone-auth da página Minha Conta.
   Ajusta somente o fundo da página Minha Conta deslogada.
   ========================================================= */

.macone-auth,
.macone-auth *,
.macone-auth *::before,
.macone-auth *::after {
	box-sizing: border-box;
}

body.woocommerce-account:not(.logged-in) {
	background: #F4F2ED !important;
}

body.woocommerce-account:not(.logged-in) main,
body.woocommerce-account:not(.logged-in) #main,
body.woocommerce-account:not(.logged-in) #primary,
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) .content-area,
body.woocommerce-account:not(.logged-in) .entry-content,
body.woocommerce-account:not(.logged-in) .page-content,
body.woocommerce-account:not(.logged-in) .woocommerce {
	background: #F4F2ED !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.macone-auth {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 56px 20px;
	background: #F4F2ED;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

.macone-auth-card {
	width: 100%;
	max-width: 560px;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 42px;
	background: #FFFFFF;
	border: 1px solid #E0DDD6;
	border-radius: 24px;
	box-shadow: 0 20px 60px rgba(24, 31, 27, 0.08);
	overflow: visible !important;
}

.macone-auth-card,
.macone-auth-card p,
.macone-auth-card span,
.macone-auth-card label,
.macone-auth-card strong,
.macone-auth-card small {
	color: #171A18 !important;
}

.macone-auth-header {
	text-align: center;
	margin-bottom: 28px;
}

.macone-auth-brand {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2.4px;
	color: #197451 !important;
}

.macone-auth-header h1 {
	margin: 0 0 8px !important;
	font-size: 29px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	color: #171A18 !important;
}

.macone-auth-header p {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #696E6A !important;
}

.macone-auth-tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	padding: 4px;
	margin-bottom: 30px;
	background: #F4F2ED;
	border-radius: 13px;
}

.macone-auth-tab {
	width: 100%;
	padding: 12px 14px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #626763 !important;
	cursor: pointer;
}

.macone-auth-tab.is-active {
	background: #FFFFFF !important;
	color: #171A18 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .07) !important;
}

/* Apenas uma coluna participa do layout por vez. */
.macone-auth-card[data-view="login"] #customer_login .u-column2 {
	display: none !important;
}

.macone-auth-card[data-view="register"] #customer_login .u-column1 {
	display: none !important;
}

.macone-auth-card[data-view="login"] #customer_login .u-column1,
.macone-auth-card[data-view="register"] #customer_login .u-column2 {
	display: block !important;
}

.macone-auth-card #customer_login,
.macone-auth-card #customer_login .u-column1,
.macone-auth-card #customer_login .u-column2,
.macone-auth-card form.woocommerce-form-login,
.macone-auth-card form.woocommerce-form-register {
	width: 100% !important;
	float: none !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.macone-auth-card #customer_login > div > h2 {
	display: none !important;
}

.macone-auth-card form.woocommerce-form-register {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 14px;
}

.macone-auth-card form.woocommerce-form-register > .form-row {
	grid-column: 1 / -1;
	float: none !important;
	clear: none !important;
	width: 100% !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

.macone-auth-card form.woocommerce-form-register > .macone-register-first {
	grid-column: 1 !important;
}

.macone-auth-card form.woocommerce-form-register > .macone-register-last {
	grid-column: 2 !important;
}

.macone-auth-card form.woocommerce-form-register > .clear {
	display: none !important;
}

.macone-auth-card form.woocommerce-form-login .form-row {
	float: none !important;
	width: 100% !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

.macone-auth-card label {
	display: block;
	margin: 0 0 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #171A18 !important;
}

.macone-auth-card .required {
	color: #197451 !important;
}

.macone-auth-card input.input-text,
.macone-auth-card input[type="text"],
.macone-auth-card input[type="email"],
.macone-auth-card input[type="tel"],
.macone-auth-card input[type="password"] {
	display: block !important;
	width: 100% !important;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	background: #F8F7F4 !important;
	border: 1px solid #D9D6CE !important;
	border-radius: 11px !important;
	outline: 0 !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: 14px !important;
	color: #171A18 !important;
}

.macone-auth-card input:focus {
	background: #FFFFFF !important;
	border-color: #197451 !important;
	box-shadow: 0 0 0 3px rgba(25, 116, 81, .10) !important;
}

.macone-auth-card input::placeholder {
	color: #9CA09D !important;
	opacity: 1;
}

.macone-auth-card .password-input {
	display: block !important;
	width: 100% !important;
}

.macone-auth-card .show-password-input {
	color: #171A18 !important;
}

.macone-auth-card .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px !important;
	color: #171A18 !important;
}

.macone-auth-card .woocommerce-form-login__rememberme input {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	margin: 0 !important;
	accent-color: #197451;
}

.macone-auth-card .woocommerce-form-login__rememberme span {
	color: #171A18 !important;
	font-size: 13px !important;
}

.macone-auth-card .woocommerce-button,
.macone-auth-card button[type="submit"] {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-height: 52px;
	margin: 6px 0 0 !important;
	padding: 13px 20px !important;
	background: #197451 !important;
	border: 1px solid #197451 !important;
	border-radius: 11px !important;
	box-shadow: none !important;
	color: #FFFFFF !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer;
}

.macone-auth-card .woocommerce-button:hover,
.macone-auth-card button[type="submit"]:hover {
	background: #135E41 !important;
	border-color: #135E41 !important;
}

.macone-auth-card .woocommerce-LostPassword {
	margin: 18px 0 0 !important;
	text-align: center;
}

.macone-auth-card .woocommerce-LostPassword a,
.macone-auth-card .woocommerce-privacy-policy-text a {
	color: #197451 !important;
	text-decoration: none !important;
}

.macone-auth-card .woocommerce-privacy-policy-text {
	grid-column: 1 / -1;
	width: 100%;
	margin: 0 0 18px !important;
	color: #333835 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}

.macone-auth-card .woocommerce-privacy-policy-text p {
	color: #333835 !important;
	margin: 0 !important;
}

.macone-password-help {
	grid-column: 1 / -1;
	margin: -6px 0 14px !important;
	color: #777C78 !important;
	font-size: 11px !important;
	line-height: 1.5 !important;
}

/* Recuperación / redefinición de contraseña. */
.macone-auth-card--recovery form.woocommerce-ResetPassword {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.macone-auth-card--recovery form.woocommerce-ResetPassword > p {
	margin: 0 0 18px !important;
	color: #4F5651 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

.macone-auth-card--recovery form.woocommerce-ResetPassword .form-row {
	width: 100% !important;
	float: none !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

.macone-auth-card--recovery .macone-reset-password-help {
	margin: -4px 0 18px !important;
	padding: 12px 14px;
	background: #F8F7F4;
	border: 1px solid #E0DDD6;
	border-radius: 10px;
	color: #4F5651 !important;
}

.macone-auth-recovery-footer {
	margin-top: 18px;
	text-align: center;
}

.macone-auth-recovery-footer a {
	color: #197451 !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
}

/* Avisos da Minha Conta deslogada. Escopo restrito à página de conta. */
.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
	width: min(560px, calc(100% - 28px));
	margin: 20px auto 0 !important;
}

.woocommerce-account:not(.logged-in) .woocommerce-error,
.woocommerce-account:not(.logged-in) .woocommerce-message,
.woocommerce-account:not(.logged-in) .woocommerce-info {
	margin: 0 0 16px !important;
	padding: 15px 18px !important;
	background: #FFFFFF !important;
	border-radius: 12px !important;
	color: #171A18 !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
}

.woocommerce-account:not(.logged-in) .woocommerce-error li,
.woocommerce-account:not(.logged-in) .woocommerce-message li,
.woocommerce-account:not(.logged-in) .woocommerce-info li,
.woocommerce-account:not(.logged-in) .woocommerce-error a,
.woocommerce-account:not(.logged-in) .woocommerce-message a,
.woocommerce-account:not(.logged-in) .woocommerce-info a {
	color: #171A18 !important;
}

@media (max-width: 767px) {
	.macone-auth {
		padding: 42px 16px;
	}

	.macone-auth-card {
		max-width: 520px;
		padding: 34px 28px;
		border-radius: 20px;
	}

	.macone-auth-header h1 {
		font-size: 26px !important;
	}
}

@media (max-width: 575px) {
	.macone-auth {
		padding: 28px 12px 40px;
	}

	.macone-auth-card {
		padding: 26px 18px;
		border-radius: 18px;
	}

	.macone-auth-header h1 {
		font-size: 23px !important;
	}

	.macone-auth-tabs {
		margin-bottom: 24px;
	}

	.macone-auth-card form.woocommerce-form-register {
		grid-template-columns: 1fr !important;
		column-gap: 0 !important;
	}

	.macone-auth-card form.woocommerce-form-register > .macone-register-first,
	.macone-auth-card form.woocommerce-form-register > .macone-register-last,
	.macone-auth-card form.woocommerce-form-register > .form-row {
		grid-column: 1 / -1 !important;
	}

	.macone-auth-card input.input-text,
	.macone-auth-card input[type="text"],
	.macone-auth-card input[type="email"],
	.macone-auth-card input[type="tel"],
	.macone-auth-card input[type="password"] {
		height: 50px !important;
		font-size: 16px !important;
	}

	.macone-auth-card .woocommerce-button,
	.macone-auth-card button[type="submit"] {
		min-height: 50px;
	}
}