/* MDS Auth Module (extracted from mds.css)
   Scope: WooCommerce my-account / lost-password / reset-password auth UX */

/* WooCommerce auth labels on /my-account (logged-out view) */
body.mds-container.woocommerce-account .woocommerce form .form-row label,
body.mds-container.woocommerce-account .woocommerce form .form-row label *,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form__label,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form__label * {
	color: rgba(227, 241, 235, 0.92) !important;
}

body.mds-container.woocommerce-account .woocommerce form .form-row .required {
	color: rgba(227, 241, 235, 0.92) !important;
}

/* Woo auth actions: match Buy Pixels button design */
body.mds-container.woocommerce-account .woocommerce form button.button,
body.mds-container.woocommerce-account .woocommerce form button.woocommerce-button,
body.mds-container.woocommerce-account .woocommerce form button.woocommerce-Button,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-login__submit,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-register__submit {
	background: linear-gradient(135deg, #46d8d6, #63e9c3) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid rgba(99, 233, 195, 0.8) !important;
	box-shadow: 0 0 16px rgba(70, 216, 214, 0.6), 0 0 20px rgba(99, 233, 195, 0.5) !important;
	text-shadow: none !important;
}

body.mds-container.woocommerce-account .woocommerce form button.button:hover,
body.mds-container.woocommerce-account .woocommerce form button.button:focus,
body.mds-container.woocommerce-account .woocommerce form button.woocommerce-button:hover,
body.mds-container.woocommerce-account .woocommerce form button.woocommerce-button:focus,
body.mds-container.woocommerce-account .woocommerce form button.woocommerce-Button:hover,
body.mds-container.woocommerce-account .woocommerce form button.woocommerce-Button:focus,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-login__submit:hover,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-login__submit:focus,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-register__submit:hover,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-register__submit:focus {
	background: linear-gradient(135deg, #46d8d6, #63e9c3) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid rgba(99, 233, 195, 0.9) !important;
	box-shadow: 0 0 22px rgba(70, 216, 214, 0.8), 0 0 28px rgba(99, 233, 195, 0.7) !important;
	outline: none !important;
}

/* Woo auth checkboxes: remember me + terms */
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].woocommerce-form__input-checkbox,
body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].input-checkbox {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 4px !important;
	border: 1px solid rgba(99, 233, 195, 0.8) !important;
	background: rgba(8, 12, 18, 0.82) !important;
	box-shadow: 0 0 10px rgba(70, 216, 214, 0.2) !important;
	display: inline-grid;
	place-content: center;
	margin: 0;
	cursor: pointer;
}

body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].woocommerce-form__input-checkbox::after,
body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].input-checkbox::after {
	content: "";
	width: 10px !important;
	height: 10px !important;
	border-radius: 2px !important;
	transform: scale(0) !important;
	transition: transform 120ms ease;
	background: linear-gradient(135deg, #46d8d6, #63e9c3) !important;
	box-shadow: 0 0 10px rgba(70, 216, 214, 0.45), 0 0 12px rgba(99, 233, 195, 0.35) !important;
}

body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].woocommerce-form__input-checkbox:checked,
body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].input-checkbox:checked {
	border-color: rgba(99, 233, 195, 0.95) !important;
	box-shadow: 0 0 12px rgba(70, 216, 214, 0.35), 0 0 16px rgba(99, 233, 195, 0.28) !important;
}

body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].woocommerce-form__input-checkbox:checked::after,
body.mds-container.woocommerce-account .woocommerce form input[type="checkbox"].input-checkbox:checked::after {
	transform: scale(1) !important;
}

/* Hard-lock auth checkbox geometry so Remember me and Terms always match */
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-login .woocommerce-form-login__rememberme,
body.mds-container.woocommerce-account .woocommerce form .mds-reg-terms-row .woocommerce-form-login__rememberme {
	line-height: 1.2 !important;
}

body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"].woocommerce-form__input-checkbox,
body.mds-container.woocommerce-account .woocommerce form .mds-reg-terms-row .woocommerce-form-login__rememberme input[type="checkbox"].woocommerce-form__input-checkbox,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"].input-checkbox,
body.mds-container.woocommerce-account .woocommerce form .mds-reg-terms-row .woocommerce-form-login__rememberme input[type="checkbox"].input-checkbox {
	min-width: 18px !important;
	max-width: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;
	flex: 0 0 18px !important;
}

body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-info,
body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-error,
body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success,
body.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-info,
body.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-error,
body.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success,
body.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-info,
body.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-error,
body.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success,
body.woocommerce-account .woocommerce > .wc-block-components-notice-banner,
body.woocommerce-lost-password .woocommerce > .wc-block-components-notice-banner,
body.woocommerce-reset-password .woocommerce > .wc-block-components-notice-banner {
	background: rgba(8, 12, 18, 0.78) !important;
	border: 1px solid rgba(125, 255, 191, 0.28) !important;
	border-left: 4px solid rgba(125, 255, 191, 0.56) !important;
	border-radius: 8px !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.06) inset !important;
	color: rgba(227, 241, 235, 0.92) !important;
	font-family: var(--wp--preset--font-family--libre-caslon-condensed), "Times New Roman", serif !important;
	font-weight: 400 !important;
}

body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content,
body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content,
body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content,
body.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner .wc-block-components-notice-banner__content,
body.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner .wc-block-components-notice-banner__content,
body.woocommerce-account .woocommerce > .wc-block-components-notice-banner .wc-block-components-notice-banner__content,
body.woocommerce-lost-password .woocommerce > .wc-block-components-notice-banner .wc-block-components-notice-banner__content,
body.woocommerce-reset-password .woocommerce > .wc-block-components-notice-banner .wc-block-components-notice-banner__content {
	color: rgba(227, 241, 235, 0.92) !important;
}

body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-info svg,
body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-error svg,
body.woocommerce-account .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success svg,
body.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner svg,
body.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner svg,
body.woocommerce-account .woocommerce > .wc-block-components-notice-banner svg,
body.woocommerce-lost-password .woocommerce > .wc-block-components-notice-banner svg,
body.woocommerce-reset-password .woocommerce > .wc-block-components-notice-banner svg {
	fill: #7dffbf !important;
}

/* Lost password success helper paragraph under the banner */
body.woocommerce-lost-password .woocommerce > p {
	color: rgba(227, 241, 235, 0.92) !important;
}

/* EV activation callouts/banners (frontend) in the same auth visual language */
body.mds-container .mds-ev-verify-block {
	margin: 0 0 16px;
}

body.mds-container .mds-ev-activation-callout {
	margin: 0;
	padding: 12px 14px;
	background: rgba(8, 12, 18, 0.78);
	border: 1px solid rgba(125, 255, 191, 0.28);
	border-left: 4px solid rgba(125, 255, 191, 0.56);
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.06) inset;
}

body.mds-container .mds-ev-activation-callout__text {
	margin: 0;
	color: rgba(227, 241, 235, 0.92);
	font-family: var(--wp--preset--font-family--libre-caslon-condensed), "Times New Roman", serif;
}

body.mds-container .mds-ev-activation-callout a {
	color: #55e1cc;
}

body.mds-container .mds-ev-activation-callout a:hover,
body.mds-container .mds-ev-activation-callout a:focus {
	color: #8affc5;
}

body.mds-container #mds-ev-success-banner {
	position: fixed;
	top: 14px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99999;
	max-width: 92vw;
	padding: 10px 14px;
	background: rgba(8, 12, 18, 0.88);
	color: rgba(227, 241, 235, 0.96);
	border: 1px solid rgba(125, 255, 191, 0.42);
	border-left: 4px solid rgba(125, 255, 191, 0.66);
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(125, 255, 191, 0.06) inset;
	font-size: 14px;
	line-height: 1.35;
}

/* Woo auth/lost/reset notices: consistent shell + spacing */
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper {
	margin: 0 0 14px;
	padding: 0;
}

/* Strong fallback: style Woo notices regardless wrapper hierarchy */
body.mds-container.woocommerce-account .woocommerce .woocommerce-message,
body.mds-container.woocommerce-account .woocommerce .woocommerce-info,
body.mds-container.woocommerce-account .woocommerce .woocommerce-error,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-message,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-info,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-error,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-message,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-info,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-error {
	margin: 0 0 14px !important;
	padding: 12px 14px 12px 30px !important;
	list-style: none !important;
	background: rgba(8, 12, 18, 0.78) !important;
	border: 1px solid rgba(125, 255, 191, 0.28) !important;
	border-left: 4px solid rgba(125, 255, 191, 0.56) !important;
	border-radius: 8px !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.06) inset !important;
	color: rgba(227, 241, 235, 0.92) !important;
}

body.mds-container.woocommerce-account .woocommerce .woocommerce-message a,
body.mds-container.woocommerce-account .woocommerce .woocommerce-info a,
body.mds-container.woocommerce-account .woocommerce .woocommerce-error a,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-message a,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-info a,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-error a,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-message a,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-info a,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-error a {
	color: #55e1cc !important;
}

body.mds-container.woocommerce-account .woocommerce .woocommerce-message a:hover,
body.mds-container.woocommerce-account .woocommerce .woocommerce-info a:hover,
body.mds-container.woocommerce-account .woocommerce .woocommerce-error a:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-message a:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-info a:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-error a:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-message a:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-info a:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-error a:hover {
	color: #8affc5 !important;
}

body.mds-container.woocommerce-account .woocommerce .woocommerce-message::before,
body.mds-container.woocommerce-account .woocommerce .woocommerce-info::before,
body.mds-container.woocommerce-account .woocommerce .woocommerce-error::before,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-message::before,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-info::before,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-error::before,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-message::before,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-info::before,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-error::before {
	color: #7dffbf !important;
}

/* Fallback: some themes/plugins render notices outside .woocommerce-notices-wrapper */
body.mds-container.woocommerce-account .woocommerce > ul.woocommerce-error,
body.mds-container.woocommerce-account .woocommerce > ul.woocommerce-info,
body.mds-container.woocommerce-account .woocommerce > ul.woocommerce-message,
body.mds-container.woocommerce-account .woocommerce > div.woocommerce-error,
body.mds-container.woocommerce-account .woocommerce > div.woocommerce-info,
body.mds-container.woocommerce-account .woocommerce > div.woocommerce-message,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-error,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-info,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-message,
body.mds-container.woocommerce-lost-password .woocommerce > ul.woocommerce-error,
body.mds-container.woocommerce-lost-password .woocommerce > ul.woocommerce-info,
body.mds-container.woocommerce-lost-password .woocommerce > ul.woocommerce-message,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-error,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-info,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-message,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-error,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-info,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-message,
body.mds-container.woocommerce-reset-password .woocommerce > ul.woocommerce-error,
body.mds-container.woocommerce-reset-password .woocommerce > ul.woocommerce-info,
body.mds-container.woocommerce-reset-password .woocommerce > ul.woocommerce-message,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-error,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-info,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-message,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-error,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-info,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-message {
	margin: 0 0 14px;
	padding: 12px 14px 12px 30px;
	list-style: none;
	background: rgba(8, 12, 18, 0.78) !important;
	border: 1px solid rgba(125, 255, 191, 0.28) !important;
	border-left: 4px solid rgba(125, 255, 191, 0.56) !important;
	border-radius: 8px !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.06) inset !important;
	color: rgba(227, 241, 235, 0.92) !important;
}

body.mds-container.woocommerce-account .woocommerce > div.woocommerce-message a,
body.mds-container.woocommerce-account .woocommerce > div.woocommerce-info a,
body.mds-container.woocommerce-account .woocommerce > div.woocommerce-error a,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-message a,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-info a,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-error a,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-message a,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-info a,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-error a,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-message a,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-info a,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-error a,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-message a,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-info a,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-error a,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-message a,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-info a,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-error a {
	color: #55e1cc;
}

body.mds-container.woocommerce-account .woocommerce > div.woocommerce-message a:hover,
body.mds-container.woocommerce-account .woocommerce > div.woocommerce-info a:hover,
body.mds-container.woocommerce-account .woocommerce > div.woocommerce-error a:hover,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-message a:hover,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-info a:hover,
body.mds-container.woocommerce-account .woocommerce > p.woocommerce-error a:hover,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-message a:hover,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-info a:hover,
body.mds-container.woocommerce-lost-password .woocommerce > div.woocommerce-error a:hover,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-message a:hover,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-info a:hover,
body.mds-container.woocommerce-lost-password .woocommerce > p.woocommerce-error a:hover,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-message a:hover,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-info a:hover,
body.mds-container.woocommerce-reset-password .woocommerce > div.woocommerce-error a:hover,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-message a:hover,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-info a:hover,
body.mds-container.woocommerce-reset-password .woocommerce > p.woocommerce-error a:hover {
	color: #8affc5;
}

body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-info,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-message,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-error,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-info,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-message,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-info,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-message,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-error,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-info,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-message,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-info,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-message {
	margin: 0 0 14px;
	padding: 12px 14px 12px 30px;
	list-style: none;
	background: rgba(8, 12, 18, 0.78) !important;
	border: 1px solid rgba(125, 255, 191, 0.28) !important;
	border-left: 4px solid rgba(125, 255, 191, 0.56) !important;
	border-radius: 8px !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.06) inset !important;
	color: rgba(227, 241, 235, 0.92) !important;
}

body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-info li,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-message li,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-info li,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-message li,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-info li,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper ul.woocommerce-message li {
	color: rgba(227, 241, 235, 0.92) !important;
	margin: 0;
	padding: 0;
}

body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-message a,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-info a,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-error a,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-message a,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-info a,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-error a,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-message a,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-info a,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-error a {
	color: #55e1cc;
}

body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-message a:hover,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-info a:hover,
body.mds-container.woocommerce-account .woocommerce .woocommerce-notices-wrapper div.woocommerce-error a:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-message a:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-info a:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-error a:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-message a:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-info a:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-notices-wrapper div.woocommerce-error a:hover {
	color: #8affc5;
}

body.mds-container.woocommerce-account .woocommerce form .input-text,
body.mds-container.woocommerce-account .woocommerce form input[type="text"],
body.mds-container.woocommerce-account .woocommerce form input[type="email"],
body.mds-container.woocommerce-account .woocommerce form input[type="password"] {
	background: rgba(8, 12, 18, 0.72) !important;
	border: 1px solid rgba(125, 255, 191, 0.24) !important;
	color: rgba(227, 241, 235, 0.92) !important;
	-webkit-text-fill-color: rgba(227, 241, 235, 0.92) !important;
	caret-color: rgba(227, 241, 235, 0.92) !important;
	box-shadow: none !important;
}

body.mds-container.woocommerce-account .woocommerce form .input-text::placeholder,
body.mds-container.woocommerce-account .woocommerce form input[type="text"]::placeholder,
body.mds-container.woocommerce-account .woocommerce form input[type="email"]::placeholder,
body.mds-container.woocommerce-account .woocommerce form input[type="password"]::placeholder {
	color: rgba(227, 241, 235, 0.62) !important;
	opacity: 1;
}

body.mds-container.woocommerce-account .woocommerce form .input-text:focus,
body.mds-container.woocommerce-account .woocommerce form input[type="text"]:focus,
body.mds-container.woocommerce-account .woocommerce form input[type="email"]:focus,
body.mds-container.woocommerce-account .woocommerce form input[type="password"]:focus {
	background: rgba(8, 12, 18, 0.82) !important;
	border-color: rgba(125, 255, 191, 0.46) !important;
	outline: none !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.12) inset !important;
}

body.mds-container.woocommerce-account .woocommerce form input:-webkit-autofill,
body.mds-container.woocommerce-account .woocommerce form input:-webkit-autofill:hover,
body.mds-container.woocommerce-account .woocommerce form input:-webkit-autofill:focus {
	-webkit-text-fill-color: rgba(227, 241, 235, 0.92) !important;
	-webkit-box-shadow: 0 0 0 1000px rgba(8, 12, 18, 0.82) inset !important;
	transition: background-color 9999s ease-in-out 0s !important;
}

/* Woo register password strength meter + hint in auth style */
body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-strength,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-hint {
	margin: 8px 0 0;
	padding: 9px 11px;
	border-radius: 8px;
	font-family: var(--wp--preset--font-family--libre-caslon-condensed), "Times New Roman", serif;
	font-size: 0.95rem;
	line-height: 1.35;
}

body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-hint {
	background: rgba(8, 12, 18, 0.72) !important;
	border: 1px solid rgba(125, 255, 191, 0.24) !important;
	color: rgba(227, 241, 235, 0.82) !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.06) inset !important;
}

body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-strength {
	background: rgba(8, 12, 18, 0.84) !important;
	border: 1px solid rgba(125, 255, 191, 0.30) !important;
	color: rgba(227, 241, 235, 0.92) !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.08) inset !important;
}

body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-strength.short,
body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-strength.bad {
	border-color: rgba(255, 77, 140, 0.60) !important;
	color: #ffd7e7 !important;
	box-shadow: 0 0 0 1px rgba(255, 77, 140, 0.12) inset, 0 0 16px rgba(255, 77, 140, 0.18) !important;
}

body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-strength.good {
	border-color: rgba(255, 165, 64, 0.64) !important;
	color: #ffe6c8 !important;
	box-shadow: 0 0 0 1px rgba(255, 165, 64, 0.14) inset, 0 0 16px rgba(255, 165, 64, 0.16) !important;
}

body.mds-container.woocommerce-account .woocommerce form .woocommerce-password-strength.strong {
	border-color: rgba(99, 233, 195, 0.74) !important;
	color: #e6fff6 !important;
	box-shadow: 0 0 0 1px rgba(99, 233, 195, 0.16) inset, 0 0 18px rgba(99, 233, 195, 0.20) !important;
}

/* Show/hide password icon inside auth fields */
body.mds-container.woocommerce-account .woocommerce form .show-password-input {
	color: rgba(125, 255, 191, 0.86);
}

body.mds-container.woocommerce-account .woocommerce form .show-password-input:hover,
body.mds-container.woocommerce-account .woocommerce form .show-password-input:focus {
	color: #8affc5;
}

/* WooCommerce lost/reset password parity with auth styling */
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword .form-row label,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword .form-row label *,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword .woocommerce-form__label,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword .form-row label,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword .form-row label *,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword .woocommerce-form__label {
	color: rgba(227, 241, 235, 0.92) !important;
}

body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword .input-text,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword input[type="text"],
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword input[type="email"],
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword input[type="password"],
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword .input-text,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword input[type="text"],
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword input[type="email"],
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword input[type="password"] {
	background: rgba(8, 12, 18, 0.72) !important;
	border: 1px solid rgba(125, 255, 191, 0.24) !important;
	color: rgba(227, 241, 235, 0.92) !important;
	-webkit-text-fill-color: rgba(227, 241, 235, 0.92) !important;
	caret-color: rgba(227, 241, 235, 0.92) !important;
	box-shadow: none !important;
}

body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword .input-text:focus,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword input[type="text"]:focus,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword input[type="email"]:focus,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword input[type="password"]:focus,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword .input-text:focus,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword input[type="text"]:focus,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword input[type="email"]:focus,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword input[type="password"]:focus {
	background: rgba(8, 12, 18, 0.82) !important;
	border-color: rgba(125, 255, 191, 0.46) !important;
	outline: none !important;
	box-shadow: 0 0 0 1px rgba(125, 255, 191, 0.12) inset !important;
}

body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.button,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.woocommerce-button,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.woocommerce-Button,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.button,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.woocommerce-button,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.woocommerce-Button {
	background: linear-gradient(135deg, #46d8d6, #63e9c3) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid rgba(99, 233, 195, 0.8) !important;
	box-shadow: 0 0 16px rgba(70, 216, 214, 0.6), 0 0 20px rgba(99, 233, 195, 0.5) !important;
}

body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.button:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.button:focus,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.woocommerce-button:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.woocommerce-button:focus,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.woocommerce-Button:hover,
body.mds-container.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword button.woocommerce-Button:focus,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.button:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.button:focus,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.woocommerce-button:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.woocommerce-button:focus,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.woocommerce-Button:hover,
body.mds-container.woocommerce-reset-password .woocommerce .woocommerce-ResetPassword button.woocommerce-Button:focus {
	background: linear-gradient(135deg, #46d8d6, #63e9c3) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid rgba(99, 233, 195, 0.9) !important;
	box-shadow: 0 0 22px rgba(70, 216, 214, 0.8), 0 0 28px rgba(99, 233, 195, 0.7) !important;
	outline: none !important;
}
