/* Auth pages (login / register / lost + reset password) — RJ Gems & Jewels.
   Scoped under .woocommerce-account and the reset-password page. */

.woocommerce-account .site-main > .container { padding-top: 60px; padding-bottom: 80px; }

/* Center the auth stack */
.woocommerce-account .u-columns#customer_login,
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-account form.woocommerce-ResetPassword,
.woocommerce-account form.lost_reset_password {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}

/* Login + register cards, stacked & centered at their true design widths. */
.woocommerce-account .col2-set#customer_login {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.woocommerce-account .col2-set#customer_login::before,
.woocommerce-account .col2-set#customer_login::after { display: none !important; content: none !important; }
.woocommerce-account #customer_login .col-1 { width: 100% !important; max-width: 448px; margin: 0 !important; float: none !important; }
.woocommerce-account #customer_login .col-2 { width: 100% !important; max-width: 760px; margin: 0 !important; float: none !important; }

/* Auth card shell */
.woocommerce-account #customer_login form.login,
.woocommerce-account #customer_login form.register,
.woocommerce-account form.woocommerce-ResetPassword,
.woocommerce-account form.lost_reset_password {
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 40px;
	margin: 0;
}

/* Card heading block */
.auth-card__head { text-align: center; margin-bottom: 28px; }
.auth-card__logo { width: 50px; height: 50px; object-fit: contain; display: inline-block; margin-bottom: 12px; }
.auth-card__title { font-family: var(--font-heading); font-weight: 400; font-size: 24px; color: #000; margin-bottom: 8px; }
.auth-card__sub { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.36px; color: #6d6161; max-width: 380px; margin: 0 auto; }

/* Fields */
.woocommerce-account #customer_login .form-row,
.woocommerce-account form.woocommerce-ResetPassword .form-row,
.woocommerce-account form.lost_reset_password .form-row { margin-bottom: 18px; padding: 0; }
.woocommerce-account form .form-row label { font-size: 14px; color: #000; margin-bottom: 6px; display: block; letter-spacing: 0.42px; }
.woocommerce-account form .form-row label .required { color: #ff483d; border: 0; text-decoration: none; }
.woocommerce-account form .form-row input.input-text {
	width: 100%;
	height: 49px;
	border: 1px solid #d5d7da;
	border-radius: 8px;
	padding: 0 16px;
	font-family: var(--font-body);
	font-size: 14px;
	background: #fff;
	box-sizing: border-box;
}
.woocommerce-account form .form-row input.input-text:focus { outline: none; border-color: #000; }

/* Two-column rows in the register form */
.woocommerce-account #customer_login form.register .register-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
}
.woocommerce-account #customer_login form.register .register-grid .form-row-wide { grid-column: 1 / -1; }

/* Password field wrapper (Woo adds a show/hide toggle automatically) */
.woocommerce-account form .password-input,
.woocommerce-account form .woocommerce-password-strength { width: 100%; }
.woocommerce-account form .show-password-input { top: 14px; }

/* Black pill submit */
.woocommerce-account #customer_login .woocommerce-button,
.woocommerce-account #customer_login button.button,
.woocommerce-account form.woocommerce-ResetPassword button.button,
.woocommerce-account form.lost_reset_password button.button {
	width: 100%;
	background: #000;
	color: #fff;
	border: 0;
	border-radius: 55px;
	padding: 16px 30px;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.42px;
	text-transform: uppercase;
	margin-top: 6px;
	cursor: pointer;
}

/* Remember me + forgot password row */
.woocommerce-account #customer_login form.login .woocommerce-form-login__submit {
	display: block;
	width: 100%;
	float: none;
	clear: both;
}
.woocommerce-account #customer_login form.login .auth-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	clear: both;
	margin-top: 14px;
}
.woocommerce-account #customer_login form.login .auth-row .woocommerce-form-login__rememberme { margin: 0; }
.woocommerce-account form .form-row.woocommerce-form-login__rememberme,
.woocommerce-account form label.woocommerce-form__label-for-checkbox { margin: 0; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
.woocommerce-account form input[type="checkbox"] { accent-color: #000; width: 20px; height: 20px; border-radius: 4px; }
.auth-row .auth-forgot { font-size: 14px; color: #000; }

/* Consent checkbox (register) */
.auth-consent { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 18px; font-size: 14px; color: #000; }
.auth-consent input { margin-top: 2px; }

/* Footer link under cards */
.auth-alt { text-align: center; margin-top: 18px; font-family: var(--font-heading); font-size: 14px; }
.auth-alt span { color: rgba(0, 0, 0, 0.5); }
.auth-alt a { color: #000; text-decoration: underline; }

/* Lost / reset password single-card layout */
.woocommerce-account form.woocommerce-ResetPassword,
.woocommerce-account form.lost_reset_password { max-width: 448px; }
.woocommerce-account form.woocommerce-ResetPassword .woocommerce-form-row,
.woocommerce-account form.lost_reset_password .woocommerce-form-row { margin-bottom: 18px; }

@media (max-width: 640px) {
	.woocommerce-account #customer_login form.register .register-grid { grid-template-columns: 1fr; }
}