/**
 * QLA Login Styles
 *
 * Button and success message for the magic link trigger on all three login
 * surfaces: wp-login.php, WooCommerce /my-account/, and CheckoutWC modal.
 *
 * Strategy: lean on each surface's existing form styles. Only add what is
 * needed to make the button read as a secondary action and the success message
 * read as a positive notice.
 *
 * @since 1.0.0
 */

/* ==========================================================================
   Hidden trigger container (CheckoutWC always-present pattern).
   ========================================================================== */

.qla-magic-link-trigger--hidden {
	display: none;
}

/* ==========================================================================
   Magic link button — secondary / outline style.
   ========================================================================== */

.qla-magic-link-btn {
	display: block;
	width: 100%;
	margin-top: 12px;
	padding: 10px 16px;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 3px;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.4;
	cursor: pointer;
	text-align: center;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}

.qla-magic-link-btn:hover {
	background-color: rgba( 0, 0, 0, 0.05 );
}

.qla-magic-link-btn:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.qla-magic-link-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* wp-login.php — match WordPress login button sizing and border-radius. */
.login .qla-magic-link-btn {
	padding: 8px 12px;
	border-radius: 3px;
	font-size: 14px;
}

/* WooCommerce /my-account/ — match WooCommerce button sizing. */
.woocommerce-account .qla-magic-link-btn {
	padding: 10px 16px;
	border-radius: 3px;
}

/* CheckoutWC modal — match CheckoutWC modal button style. */
#cfw-login-modal .qla-magic-link-btn {
	padding: 10px 16px;
	border-radius: 3px;
}

/* ==========================================================================
   Success message — positive notice style.
   ========================================================================== */

.qla-magic-link-success {
	margin-bottom: 16px;
	padding: 12px 16px;
	background-color: #ecf7ed;
	border: 1px solid #c3e6c5;
	border-radius: 3px;
	color: #2d6a30;
	font-size: inherit;
	line-height: 1.5;
}

/* ==========================================================================
   My Account login page redesign — card layout.
   All rules scoped to .woocommerce-account:not(.logged-in) to avoid
   affecting the logged-in dashboard or other surfaces.
   ========================================================================== */

/* 1. Card layout. */

.woocommerce-account:not(.logged-in) .u-columns.col2-set {
	display: block;
	max-width: 440px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 1px 3px rgba( 1, 35, 109, 0.06 ), 0 8px 28px rgba( 1, 35, 109, 0.08 );
	position: relative;
	overflow: hidden;
}

.woocommerce-account:not(.logged-in) .u-columns.col2-set::before {
	content: '';
	display: block;
	height: 3px;
	background: linear-gradient( to right, #01236D, #109CF6 );
}

.woocommerce-account:not(.logged-in) .u-column1 {
	width: 100%;
	float: none;
	padding: 40px 36px 36px;
}

.woocommerce-account:not(.logged-in) .u-column2 {
	display: none;
}

/* Hide error notices in their original position (above the card); JS relocates
   them into the card. Prevents a flash of the error in its original position.
   Includes Wordfence Login Security wrapper (.wfls-login-message). */
.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper,
.woocommerce-account:not(.logged-in) .wfls-login-message {
	display: none;
}

/* 2. Heading area (injected by JS). */

.qla-login-heading {
	font-size: 22px;
	font-weight: 700;
	color: #01236D;
	line-height: 1.3;
}

.qla-login-subtext {
	font-size: 14px;
	color: #5a6578;
	margin-top: 6px;
	line-height: 1.5;
}

/* 3. Form field refinements. */

/* Hide default "Login" h2 — replaced by JS-injected heading. */
.woocommerce-account:not(.logged-in) .u-column1 > h2 {
	display: none;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login label {
	font-size: 13px;
	font-weight: 600;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="text"],
.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="password"],
.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="email"] {
	border: 1.5px solid #e2e6eb;
	padding: 12px 14px;
	font-size: 15px;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="text"]:focus,
.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="password"]:focus,
.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="email"]:focus {
	border-color: #109CF6;
	box-shadow: 0 0 0 3px rgba( 16, 156, 246, 0.12 );
	outline: none;
}

/* Username and password rows — labels stacked above inputs (block layout). */
.woocommerce-account:not(.logged-in) .woocommerce-form-login p.form-row-wide {
	display: block;
}

/* Remember me + lost password row — flex with wrap so button goes to new line. */
.woocommerce-account:not(.logged-in) .woocommerce-form-login p.form-row:not(.form-row-wide) {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 18px;
}

/* Lost password paragraph — hidden after JS moves the link into the form-row. */
.woocommerce-account:not(.logged-in) .woocommerce-LostPassword.qla-moved {
	display: none;
}

/* Submit button — full-width on its own line via flex order. */
.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"] {
	display: block;
	width: 100%;
	flex: 0 0 100%;
	order: 10;
	background: #109CF6;
	color: #fff;
	border: 2px solid #109CF6;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 24px;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"]:hover {
	background: #0d85d4;
	box-shadow: 0 4px 12px rgba( 16, 156, 246, 0.3 );
}

/* Lost password link (in original position or after JS moves it into form-row). */
.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a,
.woocommerce-account:not(.logged-in) .woocommerce-form-login p.form-row a[href*="lost-password"] {
	color: #109CF6;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
}

.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a:hover,
.woocommerce-account:not(.logged-in) .woocommerce-form-login p.form-row a[href*="lost-password"]:hover {
	text-decoration: underline;
}

/* 4. Error notice (amber warning — after JS relocates it into card). */

.woocommerce-account:not(.logged-in) .u-column1 .woocommerce-error {
	background: #fef7ec;
	border-left: 3px solid #f0c36d;
	color: #7a5a0b;
	list-style: none;
	padding: 12px 16px;
	margin: 0 0 24px 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
}

/* 5. Divider. */

.qla-login-divider {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 22px 0;
}

.qla-login-divider::before,
.qla-login-divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: #e2e6eb;
}

.qla-login-divider__text {
	font-size: 12px;
	font-weight: 600;
	color: #8a95a5;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* 6. Magic link button (My Account override). */

.woocommerce-account:not(.logged-in) .qla-magic-link-btn {
	display: block;
	width: 100%;
	background: transparent;
	color: #01236D;
	border: 2px solid #01236D;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	margin-top: 0;
}

.woocommerce-account:not(.logged-in) .qla-magic-link-btn:hover {
	background: #01236D;
	color: #fff;
	box-shadow: 0 4px 12px rgba( 1, 35, 109, 0.2 );
}

/* 7. Helper text. */

.qla-login-helper {
	text-align: center;
	font-size: 12px;
	color: #8a95a5;
	margin-top: 10px;
	line-height: 1.5;
}

/* 8. Success state. */

.qla-login-success {
	text-align: center;
	padding: 20px 0 8px;
}

.qla-login-success__icon {
	width: 72px;
	height: 72px;
	margin: 0 auto 24px;
	background: #ecf7ed;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.qla-login-success__icon svg {
	width: 36px;
	height: 36px;
	fill: #3a9140;
}

.qla-login-success__heading {
	font-size: 22px;
	font-weight: 700;
	color: #01236D;
	margin-bottom: 12px;
}

.qla-login-success__text {
	font-size: 14px;
	color: #5a6578;
	line-height: 1.7;
	max-width: 340px;
	margin: 0 auto;
}

.qla-login-success__text + .qla-login-success__text {
	margin-top: 8px;
}

.qla-login-success__text strong {
	color: #01236D;
	font-weight: 600;
}

.qla-login-success__retry {
	margin-top: 28px;
	font-size: 13px;
	color: #8a95a5;
	line-height: 1.6;
}

.qla-login-success__retry a {
	color: #109CF6;
	font-weight: 500;
	text-decoration: none;
}

.qla-login-success__retry a:hover {
	text-decoration: underline;
}

.qla-login-success__back {
	display: inline-block;
	margin-top: 24px;
	font-size: 14px;
	font-weight: 600;
	color: #109CF6;
	text-decoration: none;
}

.qla-login-success__back:hover {
	color: #0d85d4;
}

/* 9. Below-card register link. */

.qla-login-register {
	text-align: center;
	margin-top: 24px;
	font-size: 14px;
	color: #5a6578;
}

.qla-login-register a {
	color: #109CF6;
	font-weight: 600;
	text-decoration: none;
}

.qla-login-register a:hover {
	text-decoration: underline;
}

/* 10. Registration view. */

.qla-create-account-btn {
	display: block;
	width: 100%;
	background: #109CF6;
	color: #fff;
	border: 2px solid #109CF6;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
}

.qla-create-account-btn:hover {
	background: #0d85d4;
	box-shadow: 0 4px 12px rgba( 16, 156, 246, 0.3 );
}

.qla-create-account-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.qla-register-error {
	background: #fef7ec;
	border-left: 3px solid #f0c36d;
	color: #7a5a0b;
	padding: 12px 16px;
	margin-top: 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

.qla-register-error a {
	color: #109CF6;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.qla-register-error a:hover {
	text-decoration: underline;
}

/* 11. Responsive (max-width: 480px). */

@media ( max-width: 480px ) {
	.woocommerce-account:not(.logged-in) .u-columns.col2-set {
		max-width: none;
	}

	.woocommerce-account:not(.logged-in) .u-column1 {
		padding: 28px 22px 24px;
	}

	.qla-login-heading {
		font-size: 20px;
	}
}

/* ==========================================================================
   12. Lost-password and reset-password page card styling.
   Scoped to .woocommerce-account:not(.logged-in) to avoid logged-in pages.
   The form itself is styled as the card (no .u-columns wrapper on these pages).
   ========================================================================== */

/* Card layout — form is the card container. */
.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword.lost_reset_password {
	max-width: 440px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 1px 3px rgba( 1, 35, 109, 0.06 ), 0 8px 28px rgba( 1, 35, 109, 0.08 );
	position: relative;
	overflow: hidden;
	padding: 40px 36px 36px;
}

/* Gradient blue top bar (matches login card ::before). */
.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword.lost_reset_password::before {
	content: '';
	display: block;
	height: 3px;
	background: linear-gradient( to right, #01236D, #109CF6 );
	/* Pull padding back so bar spans full card width. */
	margin: -40px -36px 36px;
}

/* Hide the notices wrapper above the form (WC default position). */
.woocommerce-lost-password .woocommerce-notices-wrapper {
	display: none;
}

/* Hide the default WooCommerce description paragraph — JS replaces with heading/subtext. */
.woocommerce-lost-password form.lost_reset_password > p:first-of-type {
	display: none;
}

/* Form rows — force full-width (WC uses form-row-first at ~48% for two-column). */
form.lost_reset_password .form-row {
	width: 100%;
	float: none;
}

/* Label styling — matches login page. */
form.lost_reset_password label {
	font-size: 13px;
	font-weight: 600;
}

/* Input field styling — matches login page. */
form.lost_reset_password input[type="text"],
form.lost_reset_password input[type="email"],
form.lost_reset_password input[type="password"] {
	border: 1.5px solid #e2e6eb;
	padding: 12px 14px;
	font-size: 15px;
}

/* Input focus state — matches login page. */
form.lost_reset_password input[type="text"]:focus,
form.lost_reset_password input[type="email"]:focus,
form.lost_reset_password input[type="password"]:focus {
	border-color: #109CF6;
	box-shadow: 0 0 0 3px rgba( 16, 156, 246, 0.12 );
	outline: none;
}

/* Submit button — full-width blue, matches login page. */
form.lost_reset_password button[type="submit"],
form.lost_reset_password input[type="submit"] {
	display: block;
	width: 100%;
	background: #109CF6;
	color: #fff;
	border: 2px solid #109CF6;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 24px;
}

/* Submit button hover — matches login page. */
form.lost_reset_password button[type="submit"]:hover,
form.lost_reset_password input[type="submit"]:hover {
	background: #0d85d4;
	box-shadow: 0 4px 12px rgba( 16, 156, 246, 0.3 );
}

/* 12b. Lost-password confirmation card ("reset email sent" page).
   Uses the same card shell as the form but wraps .qla-login-success content. */

.qla-lost-password-card {
	max-width: 440px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 1px 3px rgba( 1, 35, 109, 0.06 ), 0 8px 28px rgba( 1, 35, 109, 0.08 );
	position: relative;
	overflow: hidden;
	padding: 40px 36px 36px;
}

.qla-lost-password-card::before {
	content: '';
	display: block;
	height: 3px;
	background: linear-gradient( to right, #01236D, #109CF6 );
	margin: -40px -36px 36px;
}

/* Responsive — card and form go full-width below 480px. */
@media ( max-width: 480px ) {
	.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword.lost_reset_password {
		max-width: none;
		padding: 28px 22px 24px;
	}

	.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword.lost_reset_password::before {
		margin: -28px -22px 28px;
	}

	.qla-lost-password-card {
		max-width: none;
		padding: 28px 22px 24px;
	}

	.qla-lost-password-card::before {
		margin: -28px -22px 28px;
	}
}

/* ==========================================================================
   13. CheckoutWC login modal overrides.
   Scoped to #cfw_login_modal_form (the form rendered inside the CheckoutWC
   modal, #cfw-login-modal context). When qla-login is deactivated this
   stylesheet is not loaded and CheckoutWC reverts to its defaults.
   ========================================================================== */

/* 13a. Modal box — narrow card-like width, padding, and border-radius to
   match my-account card. CheckoutWC uses .cfw-modal:not(.cfw-full-screen)
   with !important on max-width; both selectors have equal specificity, so
   the later one in source order wins. Since CheckoutWC loads after us, we
   double-up the :not() to increase specificity. */

.cfw-modal:not(.cfw-full-screen):not(.cfw-full-screen) {
	max-width: 500px !important;
}

.cfw-modal {
	padding: 40px 36px 36px !important;
	border-radius: 0 !important;
}

/* 13b. Accent bar — injected as div.qla-checkout-accent-bar by JS, positioned
   absolute at the top of .cfw-modal (which is position:relative). */

.qla-checkout-accent-bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient( to right, #01236D, #109CF6 );
	z-index: 1;
	pointer-events: none;
}

/* 13c. Heading — shared between login and lost-password forms. */

#cfw_login_modal_form h3,
#cfw_lost_password_form h3 {
	font-size: 22px;
	font-weight: 700;
	color: #01236D;
	line-height: 1.3;
	margin-bottom: 20px;
	letter-spacing: normal;
}

/* 13d. Subtext paragraph. CheckoutWC .cfw-modal p sets margin-bottom with
   !important, so we must counter it here. */

#cfw_login_modal_form .cfw-mb,
#cfw_lost_password_form .cfw-mb {
	font-size: 14px;
	color: #5a6578;
	line-height: 1.5 !important;
	margin-bottom: 21px !important;
	letter-spacing: normal;
}

/* 13e. Labels (floating labels used by CheckoutWC). */

#cfw_login_modal_form .cfw-floatable-label,
#cfw_lost_password_form .cfw-floatable-label {
	font-size: 13px;
	font-weight: 600;
	color: #01236D;
}

/* 13f. Input fields. CheckoutWC form.woocommerce-form-login .form-row
   input.input-text uses border shorthand with !important, so we must set
   border-width, border-color, and border-radius individually. */

#cfw_login_modal_form .input-text,
#cfw_lost_password_form .input-text {
	border-width: 1.5px !important;
	border-style: solid !important;
	border-color: #e2e6eb !important;
	border-radius: 4px !important;
	padding: 12px 14px;
	font-size: 15px;
}

/* When the floating label is active, push typed text below the label.
   Total vertical padding (22+6=28px) + 15px font fits within 45px field. */
#cfw_login_modal_form .cfw-label-is-floated .input-text,
#cfw_lost_password_form .cfw-label-is-floated .input-text {
	padding-top: 22px !important;
	padding-bottom: 6px !important;
}

#cfw_login_modal_form .input-text:focus,
#cfw_lost_password_form .input-text:focus {
	border-color: #109CF6 !important;
	box-shadow: 0 0 0 3px rgba( 16, 156, 246, 0.12 );
	outline: none;
}

/* 13g. Submit button — override CheckoutWC green .cfw-primary-btn. */

#cfw_login_modal_form #cfw-login-btn.cfw-primary-btn {
	width: 100%;
	background: #109CF6 !important;
	color: #fff !important;
	border: 2px solid #109CF6 !important;
	border-radius: 0 !important;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	cursor: pointer;
}

#cfw_login_modal_form #cfw-login-btn.cfw-primary-btn:hover {
	background: #0d85d4 !important;
	border-color: #0d85d4 !important;
	box-shadow: 0 4px 12px rgba( 16, 156, 246, 0.3 );
}

/* 13h. Button wrapper — tighten margin to match my-account. */

#cfw_login_modal_form .cfw-login-modal-navigation {
	margin: 24px 0 0;
}

/* 13i. Error alert — override CheckoutWC red bar + error box. */

#cfw-login-alert-container .cfw-alert-error {
	background: #fef7ec;
	border-top: none !important;
	border-left: 3px solid #f0c36d;
	color: #7a5a0b;
	padding: 12px 16px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	border-radius: 0;
}

/* 13j. Footer (remember-me + lost password) — flex row layout. */

#cfw_login_modal_form .cfw-login-modal-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 13k. Remember-me — dark blue label, smaller checkbox. CheckoutWC uses
   !important on checkbox width/height, so we counter. */

#cfw_login_modal_form .woocommerce-form__label-for-checkbox {
	font-size: 13px;
	font-weight: 600;
	color: #01236D;
}

#cfw_login_modal_form .woocommerce-form__input-checkbox {
	width: 13px !important;
	min-width: 13px !important;
	height: 13px !important;
}

/* 13l. Lost password link. CheckoutWC .lost_password a uses color with
   !important via CSS variable, so we must counter. */

#cfw_login_modal_form .lost_password a {
	color: #109CF6 !important;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
}

#cfw_login_modal_form .lost_password a:hover {
	text-decoration: underline;
}

/* 13m. Magic link button — dark blue outline (matches my-account pattern). */

#cfw_login_modal_form .qla-magic-link-btn {
	display: block;
	width: 100%;
	background: transparent;
	color: #01236D;
	border: 2px solid #01236D;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	margin-top: 0;
}

#cfw_login_modal_form .qla-magic-link-btn:hover {
	background: #01236D;
	color: #fff;
	box-shadow: 0 4px 12px rgba( 1, 35, 109, 0.2 );
}

/* 13n. "or" divider — confirm scoped style inside modal. */

#cfw_login_modal_form .qla-login-divider {
	margin: 22px 0;
}

/* 13o. Helper text — confirm scoped style inside modal. */

#cfw_login_modal_form .qla-login-helper {
	margin-top: 10px;
}

/* 13p. Success message — positive notice for magic link sent state. */

#cfw_login_modal_form .qla-magic-link-success {
	background: #ecf7ed;
	border: none;
	border-left: 3px solid #c3e6c5;
	color: #2d6a30;
	padding: 12px 16px;
	font-size: 14px;
	border-radius: 0;
}

/* 13q. Responsive — modal is already responsive (CheckoutWC handles it),
   but remove any excess top padding at narrow widths if needed. */

@media ( max-width: 480px ) {
	.cfw-modal {
		padding: 28px 22px 24px !important;
	}

	#cfw_login_modal_form h3,
	#cfw_lost_password_form h3 {
		font-size: 20px;
	}
}

/* 13r. Lost-password form — submit button override (green → blue). */

#cfw_lost_password_form .cfw-primary-btn {
	width: 100%;
	background: #109CF6 !important;
	color: #fff !important;
	border: 2px solid #109CF6 !important;
	border-radius: 0 !important;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	cursor: pointer;
}

#cfw_lost_password_form .cfw-primary-btn:hover {
	background: #0d85d4 !important;
	border-color: #0d85d4 !important;
	box-shadow: 0 4px 12px rgba( 16, 156, 246, 0.3 );
}

/* 13s. Close button — positioned top-right of .cfw-modal (position:relative). */

.qla-modal-close {
	position: absolute;
	top: 8px;
	right: 8px;
	background: none;
	border: none;
	cursor: pointer;
	color: #5a6578;
	padding: 4px;
	z-index: 1001;
	line-height: 0;
}

.qla-modal-close:hover {
	color: #01236D;
}

/* 13t. "Back to sign in" link below the reset button. */

#cfw_lost_password_form .qla-login-register {
	text-align: center;
	margin-top: 24px;
	font-size: 14px;
	color: #5a6578;
}

#cfw_lost_password_form .qla-login-register a {
	color: #109CF6;
	font-weight: 600;
	text-decoration: none;
}

#cfw_lost_password_form .qla-login-register a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   14. Checkout page — suppress WooCommerce "account exists" notices.
   When QLA Login is active, the modal handles the login prompt. Hide
   any redundant WC notice bars that appear behind or above the modal.
   Scoped to the checkout body class to avoid hiding notices on other pages.
   ========================================================================== */

body.woocommerce-checkout .woocommerce-notices-wrapper {
	display: none !important;
}