/* Figma 375:6043 — form-level error banner */
.wd-form-error-banner,
.wd-login-modal__form-error,
.wd-login-modal .user-registration-error:not(label),
.wd-registration-page .ur-message.user-registration-error,
.wd-registration-page #ur-submit-message-node.user-registration-error,
.wd-change-password-form__notices .user-registration-error,
.wd-change-password-form__notices .woocommerce-error,
.wd-edit-profile-form__notices .user-registration-error,
.wd-edit-profile-form__notices .woocommerce-error,
.wd-edit-address-form__notices .woocommerce-error {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 12px 16px;
	border: 0;
	border-radius: 12px;
	background: var(--0-Primitives-Colors-Red-25, #fdeaeb);
	color: var(--0-Primitives-Colors-Red-600, #cb292c);
	font-family: 'Google Sans', sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	word-break: break-word;
}

.wd-form-error-banner::before,
.wd-login-modal__form-error::before,
.wd-login-modal .user-registration-error:not(label)::before,
.wd-registration-page .ur-message.user-registration-error::before,
.wd-registration-page #ur-submit-message-node.user-registration-error::before,
.wd-change-password-form__notices .user-registration-error::before,
.wd-change-password-form__notices .woocommerce-error::before,
.wd-edit-profile-form__notices .user-registration-error::before,
.wd-edit-profile-form__notices .woocommerce-error::before,
.wd-edit-address-form__notices .woocommerce-error::before {
	display: none !important;
}

.wd-form-error-banner svg,
.wd-form-error-banner .ur-error-list,
.wd-login-modal__form-error svg,
.wd-login-modal__form-error .ur-error-list,
.wd-login-modal .user-registration-error:not(label) svg,
.wd-login-modal .user-registration-error:not(label) .ur-error-list,
.wd-registration-page .ur-message.user-registration-error svg,
.wd-registration-page .ur-message.user-registration-error .ur-error-list,
.wd-registration-page #ur-submit-message-node.user-registration-error svg,
.wd-registration-page #ur-submit-message-node.user-registration-error .ur-error-list,
.wd-change-password-form__notices .user-registration-error svg,
.wd-change-password-form__notices .user-registration-error .ur-error-list,
.wd-change-password-form__notices .woocommerce-error svg,
.wd-change-password-form__notices .woocommerce-error .ur-error-list,
.wd-edit-profile-form__notices .user-registration-error svg,
.wd-edit-profile-form__notices .user-registration-error .ur-error-list,
.wd-edit-profile-form__notices .woocommerce-error svg,
.wd-edit-profile-form__notices .woocommerce-error .ur-error-list,
.wd-edit-address-form__notices .woocommerce-error svg,
.wd-edit-address-form__notices .woocommerce-error .ur-error-list {
	display: none !important;
}

.wd-form-error-banner ul,
.wd-login-modal__form-error ul,
.wd-login-modal .user-registration-error:not(label) ul,
.wd-registration-page .ur-message.user-registration-error ul,
.wd-registration-page #ur-submit-message-node.user-registration-error ul,
.wd-change-password-form__notices .user-registration-error ul,
.wd-change-password-form__notices .woocommerce-error ul,
.wd-edit-profile-form__notices .user-registration-error ul,
.wd-edit-profile-form__notices .woocommerce-error ul,
.wd-edit-address-form__notices .woocommerce-error ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wd-form-error-banner li,
.wd-login-modal__form-error li,
.wd-login-modal .user-registration-error:not(label) li,
.wd-registration-page .ur-message.user-registration-error li,
.wd-registration-page #ur-submit-message-node.user-registration-error li,
.wd-change-password-form__notices .user-registration-error li,
.wd-change-password-form__notices .woocommerce-error li,
.wd-edit-profile-form__notices .user-registration-error li,
.wd-edit-profile-form__notices .woocommerce-error li,
.wd-edit-address-form__notices .woocommerce-error li {
	margin: 0;
	padding: 0;
}

/* Figma 432:4741 — field validation summary on registration */
.wd-registration-global-error {
	border: 0;
	border-bottom: 2px solid var(--0-Primitives-Colors-Red-100, #f9acae);
	background: var(--0-Primitives-Colors-Red-25, #fdeaeb);
	color: var(--0-Primitives-Colors-Red-500, var(--0-Primitives-Colors-Red-500, #EF3034));
}

/* Form-level success banner (e.g. "password changed" on the login form) */
.wd-form-success-banner {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--0-Primitives-Colors-Green-25, #EFF5EE);
	color: var(--0-Primitives-Colors-Green-700, #406C3B);
	font-family: 'Google Sans', sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}
