/* UX2 P11: calm "no web account for this address yet" notice. px only (html{font-size:10px}).
   Revert: delete with inc/ux2/p11-unknown-email.php. */

.sb-ux2-p11,
.sb-ux2-p11 * {
	box-sizing: border-box;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
	letter-spacing: normal;
	text-transform: none;
}

.sb-ux2-p11 {
	display: block;
	padding: 12px 14px 12px 40px;
	border: 1px solid #c9cde8;
	border-radius: 8px;
	background: #f4f5fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") no-repeat 14px 14px / 16px 16px;
	color: #1a1a40;
	font-size: 14px !important;
	line-height: 21px !important;
	font-weight: 400 !important;
	text-align: left;
}

.sb-ux2-p11 .sb-ux2-p11__lead { display: block; color: #1a1a40; }
.sb-ux2-p11 .sb-ux2-p11__lead strong { font-weight: 600 !important; overflow-wrap: anywhere; }

.sb-ux2-p11 .sb-ux2-p11__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin-top: 10px;
}

.sb-ux2-p11 a.sb-ux2-p11__create {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 6px 14px;
	border-radius: 6px;
	background: #c24b14 !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}
.sb-ux2-p11 a.sb-ux2-p11__create:hover { background: #a33e10 !important; }

.sb-ux2-p11 a.sb-ux2-p11__ask {
	color: #000080 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.woocommerce-account #fl-main-content .sb-ux2-p11 a.sb-ux2-p11__create { background: #c24b14 !important; color: #fff !important; border: 0 !important; }
.woocommerce-account #fl-main-content .sb-ux2-p11 a.sb-ux2-p11__ask { color: #000080 !important; background: transparent !important; }
.sb-ux2-p11 a:focus-visible { outline: 2px solid #000080 !important; outline-offset: 2px; }

.sb-ux2-p11 .sb-ux2-p11__keep {
	display: block;
	margin-top: 8px;
	color: #58677e;
	font-size: 13px !important;
	line-height: 18px !important;
}

/* WooCommerce error list on /my-account/ and lost-password: drop the red error chrome around the notice. */
.woocommerce-error:has(.sb-ux2-p11) {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none !important;
}
.woocommerce-error:has(.sb-ux2-p11)::before { display: none !important; }
.woocommerce-error li:has(.sb-ux2-p11) { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.woocommerce-error li:has(.sb-ux2-p11) > strong:first-child { display: none; }
.woocommerce-notices-wrapper:has(.sb-ux2-p11),
.woocommerce-error:has(.sb-ux2-p11) { max-width: 640px; }

/* In the dialog: the field-error <p> hosts it. */
#sb-checkout-auth .sb-ux2-p11-host {
	margin-top: 8px;
	color: inherit !important;
}
#sb-checkout-auth .sb-ux2-p11-host .sb-ux2-p11 { font-size: 14px !important; }