/*
 * WooCommerce My Account — login/register columns, privacy text, notices.
 */

#customer_login .woocommerce-privacy-policy-text,
#customer_login .woocommerce-privacy-policy-text p,
.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text,
.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text p,
.brxe-tabs .woocommerce-privacy-policy-text,
.brxe-tabs .woocommerce-privacy-policy-text p,
.brxe-tabs-nested .woocommerce-privacy-policy-text,
.brxe-tabs-nested .woocommerce-privacy-policy-text p,
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
	color: var(--ig-auth-text) !important;
}

#customer_login .woocommerce-privacy-policy-text a,
.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text a,
.brxe-tabs .woocommerce-privacy-policy-text a,
.brxe-tabs-nested .woocommerce-privacy-policy-text a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
	color: var(--ig-auth-gold) !important;
}

#customer_login .woocommerce-privacy-policy-text a:hover,
.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text a:hover,
.brxe-tabs .woocommerce-privacy-policy-text a:hover,
.brxe-tabs-nested .woocommerce-privacy-policy-text a:hover,
body.woocommerce-checkout .woocommerce-privacy-policy-text a:hover {
	color: var(--ig-auth-gold-hover) !important;
}

#customer_login,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.brxe-tabs:has(.woocommerce-form-login), .brxe-tabs-nested:has(.woocommerce-form-login),
.brxe-tabs:has(.woocommerce-form-register), .brxe-tabs-nested:has(.woocommerce-form-register),
.brxe-tabs:has(.registration-form-fields), .brxe-tabs-nested.registration-form,
.brxe-tabs-nested:has(.registration-form-fields) {
	color-scheme: dark;
}

#customer_login {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5rem 0 2rem;
}

#customer_login .u-column1.col-1,
#customer_login .u-column2.col-2 {
	float: none;
	width: 100%;
	padding: 0;
}

@media (min-width: 769px) {
	#customer_login .u-column1.col-1,
	#customer_login .u-column2.col-2 {
		width: calc(50% - 12px);
		float: left;
		clear: none;
	}

	#customer_login .u-column2.col-2 {
		float: right;
	}
}

#customer_login h2 {
	color: var(--ig-auth-text);
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin: 0 0 1.25rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--ig-auth-border);
}

#customer_login .woocommerce-form-login,
#customer_login .woocommerce-form-register,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account form.woocommerce-form.woocommerce-form-login.login,
.woocommerce-account form.woocommerce-form.woocommerce-form-register.register {
	background: var(--ig-auth-surface);
	border: 1px solid var(--ig-auth-border);
	border-radius: var(--ig-auth-radius);
	padding: 1.5rem 1.5rem 1.25rem;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

#customer_login .woocommerce-form-login .form-row,
#customer_login .woocommerce-form-register .form-row,
.woocommerce-account .woocommerce-form-login .form-row,
.woocommerce-account .woocommerce-form-register .form-row {
	margin-bottom: 1rem;
	padding: 0;
}

#customer_login .woocommerce-form-login label,
#customer_login .woocommerce-form-register label,
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label {
	color: var(--ig-auth-text);
	font-size: 0.875rem;
	font-weight: 500;
	margin-bottom: 0.35rem;
	display: block;
}

#customer_login .woocommerce-form-login .required,
#customer_login .woocommerce-form-register .required,
.woocommerce-account .woocommerce-form-login .required,
.woocommerce-account .woocommerce-form-register .required {
	color: var(--ig-auth-gold);
}

#customer_login .woocommerce-form-login input.input-text,
#customer_login .woocommerce-form-register input.input-text,
#customer_login .woocommerce-form-login textarea,
#customer_login .woocommerce-form-register textarea,
#customer_login .woocommerce-form-login select,
#customer_login .woocommerce-form-register select,
.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-register input.input-text,
.woocommerce-account .woocommerce-form-login textarea,
.woocommerce-account .woocommerce-form-register textarea,
.woocommerce-account .woocommerce-form-login select,
.woocommerce-account .woocommerce-form-register select {
	width: 100%;
	background: var(--ig-auth-input-bg) !important;
	border: 1px solid var(--ig-auth-border) !important;
	border-radius: var(--ig-auth-radius-sm) !important;
	color: var(--ig-auth-text) !important;
	padding: 0.65rem 0.85rem !important;
	font-size: 0.9375rem;
	line-height: 1.4;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

#customer_login .woocommerce-form-login input.input-text::placeholder,
#customer_login .woocommerce-form-register input.input-text::placeholder,
.woocommerce-account .woocommerce-form-login input.input-text::placeholder,
.woocommerce-account .woocommerce-form-register input.input-text::placeholder {
	color: var(--ig-auth-muted);
	opacity: 1;
}

#customer_login .woocommerce-form-login input.input-text:hover,
#customer_login .woocommerce-form-register input.input-text:hover,
.woocommerce-account .woocommerce-form-login input.input-text:hover,
.woocommerce-account .woocommerce-form-register input.input-text:hover {
	border-color: rgba(255, 255, 255, 0.18) !important;
}

#customer_login .woocommerce-form-login input.input-text:focus,
#customer_login .woocommerce-form-register input.input-text:focus,
.woocommerce-account .woocommerce-form-login input.input-text:focus,
.woocommerce-account .woocommerce-form-register input.input-text:focus {
	outline: none;
	border-color: var(--ig-auth-border-strong) !important;
	box-shadow: 0 0 0 3px rgba(249, 166, 2, 0.15);
}

#customer_login .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme),
.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
}

#customer_login .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	margin: 0 !important;
	font-weight: 400;
	color: var(--ig-auth-muted) !important;
}

#customer_login .woocommerce-form-login__rememberme input[type="checkbox"],
.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
	accent-color: var(--ig-auth-gold);
	width: 1.05rem;
	height: 1.05rem;
	cursor: pointer;
}

#customer_login .woocommerce-form-login .woocommerce-button.button,
#customer_login .woocommerce-form-register .woocommerce-button.button,
#customer_login .woocommerce-form-login button[type="submit"],
#customer_login .woocommerce-form-register button[type="submit"],
.woocommerce-account .woocommerce-form-login .woocommerce-button.button,
.woocommerce-account .woocommerce-form-register .woocommerce-button.button,
.woocommerce-account .woocommerce-form-login button[type="submit"],
.woocommerce-account .woocommerce-form-register button[type="submit"] {
	background: var(--ig-auth-gold) !important;
	color: #0a0a0a !important;
	border: none !important;
	border-radius: var(--ig-auth-radius-sm) !important;
	padding: 0.7rem 1.35rem !important;
	font-weight: 600 !important;
	font-size: 0.9375rem !important;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	box-shadow: 0 2px 12px rgba(249, 166, 2, 0.25);
}

#customer_login .woocommerce-form-login .woocommerce-button.button:hover,
#customer_login .woocommerce-form-register .woocommerce-button.button:hover,
#customer_login .woocommerce-form-login button[type="submit"]:hover,
#customer_login .woocommerce-form-register button[type="submit"]:hover,
.woocommerce-account .woocommerce-form-login .woocommerce-button.button:hover,
.woocommerce-account .woocommerce-form-register .woocommerce-button.button:hover,
.woocommerce-account .woocommerce-form-login button[type="submit"]:hover,
.woocommerce-account .woocommerce-form-register button[type="submit"]:hover {
	background: var(--ig-auth-gold-hover) !important;
	box-shadow: 0 4px 18px rgba(249, 166, 2, 0.35);
}

#customer_login .woocommerce-form-login .woocommerce-button.button:focus-visible,
#customer_login .woocommerce-form-register .woocommerce-button.button:focus-visible,
.woocommerce-account .woocommerce-form-login .woocommerce-button.button:focus-visible,
.woocommerce-account .woocommerce-form-register .woocommerce-button.button:focus-visible {
	outline: 2px solid var(--ig-auth-gold);
	outline-offset: 2px;
}

#customer_login .woocommerce-LostPassword.lost_password,
.woocommerce-account .woocommerce-LostPassword.lost_password {
	margin-top: 1rem;
	margin-bottom: 0;
}

#customer_login .woocommerce-LostPassword.lost_password a,
.woocommerce-account .woocommerce-LostPassword.lost_password a {
	color: var(--ig-auth-gold);
	text-decoration: none;
	font-size: 0.875rem;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

#customer_login .woocommerce-LostPassword.lost_password a:hover,
.woocommerce-account .woocommerce-LostPassword.lost_password a:hover {
	color: var(--ig-auth-gold-hover);
	border-bottom-color: var(--ig-auth-gold-hover);
}

.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
	background: var(--ig-auth-surface-2);
	border-left-color: var(--ig-auth-gold);
	color: var(--ig-auth-text);
	border-radius: var(--ig-auth-radius-sm);
}

.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
	background: rgba(127, 24, 23, 0.35);
	border-left-color: var(--ig-auth-burgundy);
	color: var(--ig-auth-text);
	border-radius: var(--ig-auth-radius-sm);
}