/**
 * Account password forms (login / register / lost-password / reset-password)
 * - Centered card on lost/reset password
 * - Subtle eye toggle INSIDE inputs (fixes Astra pink button styles on .show-password-input)
 * - Strength meter/hint under the first password field
 * Scoped; does not touch checkout or Fresh Stick.
 */

/* -------------------------------------------------------------------------- */
/* Eye toggle + password field chrome (all my-account forms)                  */
/* -------------------------------------------------------------------------- */
body.woocommerce-account .woocommerce form .password-input,
body.woocommerce-account .woocommerce-page form .password-input,
body.woocommerce-account form .password-input {
	position: relative !important;
	display: block !important;
	flex-direction: unset !important;
	justify-content: unset !important;
	width: 100%;
}

body.woocommerce-account .password-input input.input-text,
body.woocommerce-account .password-input input[type="password"],
body.woocommerce-account .password-input input[type="text"] {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	height: 48px !important;
	min-height: 48px !important;
	line-height: 1.4 !important;
	/* Eye sits on the physical left (RTL “start” for icons in WC is left) */
	padding-left: 44px !important;
	padding-right: 14px !important;
}

body.woocommerce-account .woocommerce form .show-password-input,
body.woocommerce-account .woocommerce-page form .show-password-input,
body.woocommerce-account form .show-password-input,
body.woocommerce-account button.show-password-input {
	position: absolute !important;
	left: 8px !important;
	right: auto !important;
	/* Align to the 48px input row only (meter may grow the wrapper) */
	top: 10px !important;
	transform: none !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	max-width: 28px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #5f5f5f !important;
	font-size: 0 !important;
	line-height: 28px !important;
	cursor: pointer !important;
	z-index: 2;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden;
	appearance: none !important;
	-webkit-appearance: none !important;
}

body.woocommerce-account .show-password-input:hover,
body.woocommerce-account .show-password-input:focus,
body.woocommerce-account .show-password-input:active {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	color: #1c1b1f !important;
	outline: none !important;
}

body.woocommerce-account .woocommerce form .show-password-input::after,
body.woocommerce-account .woocommerce-page form .show-password-input::after,
body.woocommerce-account .show-password-input::after {
	font-family: WooCommerce !important;
	font-weight: 400 !important;
	font-size: 1.15rem !important;
	line-height: 1 !important;
	color: #5f5f5f !important;
	speak: never;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

body.woocommerce-account .show-password-input:hover::after,
body.woocommerce-account .show-password-input:focus::after {
	color: #1c1b1f !important;
}

body.woocommerce-account .show-password-input.display-password::after {
	color: #df1a81 !important;
}

/* Strength meter + hint under the field (inside .password-input after input/eye) */
body.woocommerce-account .password-input .woocommerce-password-strength,
body.woocommerce-account #password_strength.woocommerce-password-strength {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 8px 0 0 !important;
	padding: 6px 10px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	text-align: right;
}

body.woocommerce-account .woocommerce-password-hint {
	display: block;
	margin: 8px 0 0;
	padding: 0;
	font-size: 12px !important;
	line-height: 1.45 !important;
	color: #5f5f5f !important;
	text-align: right;
}

/* -------------------------------------------------------------------------- */
/* Lost / reset password: centered card                                       */
/* -------------------------------------------------------------------------- */
body.woocommerce-lost-password .site-main > .ast-article-single,
body.woocommerce-lost-password article.ast-article-single {
	max-width: 440px;
	margin: 28px auto 56px;
	padding: 28px 24px 32px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 12px;
	box-shadow: 0 2px 14px rgba(28, 27, 31, 0.05);
	box-sizing: border-box;
}

body.woocommerce-lost-password .entry-header {
	margin: 0 0 6px;
	padding: 0;
	text-align: center;
}

body.woocommerce-lost-password .entry-header .entry-title {
	margin: 0 0 4px;
	padding: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: #1c1b1f;
	text-align: center;
}

body.woocommerce-lost-password .entry-content {
	margin: 0;
	padding: 0;
}

body.woocommerce-lost-password .woocommerce {
	margin: 0;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword.lost_reset_password {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword > p:first-of-type {
	margin: 0 0 18px;
	padding: 0;
	color: #5f5f5f;
	font-size: 0.95rem;
	line-height: 1.5;
	text-align: center;
}

/* Stack form-row-first / form-row-last (desktop two-column float) */
body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row-first,
body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row-last,
body.woocommerce-lost-password form.woocommerce-ResetPassword .woocommerce-form-row--first,
body.woocommerce-lost-password form.woocommerce-ResetPassword .woocommerce-form-row--last,
body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row {
	float: none !important;
	clear: both !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	display: block !important;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row label {
	display: block;
	margin: 0 0 6px;
	font-weight: 600;
	font-size: 0.92rem;
	color: #1c1b1f;
	text-align: right;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row .required {
	color: #c62828;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword .clear {
	display: none;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword input.input-text,
body.woocommerce-lost-password form.woocommerce-ResetPassword input[type="text"],
body.woocommerce-lost-password form.woocommerce-ResetPassword input[type="password"],
body.woocommerce-lost-password form.woocommerce-ResetPassword input[type="email"] {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	height: 48px !important;
	min-height: 48px !important;
	border: 1px solid #d0d0d0 !important;
	border-radius: 10px !important;
	padding: 10px 14px !important;
	font-size: 1rem !important;
	background: #fff !important;
	color: #1c1b1f !important;
}

/* Keep left padding when password field has the eye */
body.woocommerce-lost-password form.woocommerce-ResetPassword .password-input input.input-text,
body.woocommerce-lost-password form.woocommerce-ResetPassword .password-input input[type="password"],
body.woocommerce-lost-password form.woocommerce-ResetPassword .password-input input[type="text"] {
	padding-left: 44px !important;
	padding-right: 14px !important;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword input.input-text:focus {
	border-color: #df1a81 !important;
	box-shadow: 0 0 0 3px #fce4ef !important;
	outline: none !important;
}

/* Full-width pink Save / Reset button */
body.woocommerce-lost-password form.woocommerce-ResetPassword .woocommerce-Button.button,
body.woocommerce-lost-password form.woocommerce-ResetPassword button[type="submit"] {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 8px 0 0 !important;
	padding: 12px 18px !important;
	height: auto !important;
	min-height: 48px !important;
	border: none !important;
	border-radius: 10px !important;
	background: #df1a81 !important;
	background-color: #df1a81 !important;
	color: #fff !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: center !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

body.woocommerce-lost-password form.woocommerce-ResetPassword .woocommerce-Button.button:hover,
body.woocommerce-lost-password form.woocommerce-ResetPassword button[type="submit"]:hover {
	background: #a3125a !important;
	background-color: #a3125a !important;
	color: #fff !important;
}

body.woocommerce-lost-password .woocommerce-notices-wrapper {
	margin-bottom: 12px;
}

/* Mobile: same card, slightly tighter padding */
@media (max-width: 480px) {
	body.woocommerce-lost-password .site-main > .ast-article-single,
	body.woocommerce-lost-password article.ast-article-single {
		margin: 16px 12px 40px;
		padding: 22px 16px 26px;
		max-width: none;
	}

	body.woocommerce-lost-password .entry-header .entry-title {
		font-size: 1.3rem;
	}
}