/**
 * Premium Google authentication presentation parity.
 *
 * This is a custom BudBuddies treatment, not an official Google button or a
 * claim of Google approval. Nextend and Site Kit retain their native controls,
 * labels, multicolour Google artwork, events, keyboard behaviour and OAuth
 * destinations. This stylesheet changes presentation only.
 */

body.bbfaq-auth-provider-presentation {
	--bb-auth-google-width: 270.71875px;
	--bb-auth-google-height: 58px;
	--bb-auth-google-radius: 17px;
	--bb-auth-google-label: #f4eadf;
	--bb-auth-google-surface:
		radial-gradient(circle at 14% -40%, rgba(255, 255, 255, .19) 0%, rgba(255, 255, 255, 0) 39%),
		radial-gradient(circle at 105% 130%, rgba(145, 103, 174, .25) 0%, rgba(145, 103, 174, 0) 44%),
		linear-gradient(118deg, #68477a 0%, #583565 35%, #492c52 68%, #3f2548 100%);
}

/* Site Kit must measure the complete form width before it renders GSI. */
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button {
	box-sizing: border-box !important;
	width: var(--bb-auth-google-width) !important;
	max-width: 100% !important;
	margin: -8px auto 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	text-align: start !important;
}

/*
 * At the narrow account boundary, Woo's nested card and form padding leave
 * only 194px at 320px. Let this guest-only Site Kit box use the card's safe
 * inline space; the calculated margins keep it centred without page overflow.
 */
@media (max-width: 767px) {
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button {
		width: calc(100vw - 24px) !important;
		max-width: none !important;
		margin-inline: calc((100% - (100vw - 24px)) / 2) !important;
	}
}

/* Preserve every Nextend wrapper and its interactive anchor as the hit area. */
body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot),
body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"],
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] {
	box-sizing: border-box !important;
	display: block !important;
	width: var(--bb-auth-google-width) !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-inline: auto !important;
}

/*
 * The guest My Account flow uses the same official Nextend markup as Login.
 * Scope its outer wrapper explicitly so this extension cannot become a
 * selector or event owner for another provider or account form.
 */
body.bbfaq-auth-provider-presentation #bbfaq-my-account-google-auth,
body.bbfaq-auth-provider-presentation #bbfaq-my-account-google-auth .nsl-container {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container-buttons {
	padding: 0 !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"],
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] {
	min-height: var(--bb-auth-google-height) !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}

/*
 * Shared premium surface. The GSI selector is deliberately guarded by the
 * Site Kit wrapper and native role; the zero-sized cross-origin helper iframe
 * is not styled or used as a visible control.
 */
body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] {
	position: relative !important;
	isolation: isolate !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: var(--bb-auth-google-height) !important;
	min-height: var(--bb-auth-google-height) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(244, 234, 223, .22) !important;
	border-radius: var(--bb-auth-google-radius) !important;
	background: var(--bb-auth-google-surface) !important;
	color: var(--bb-auth-google-label) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .16),
		inset 0 -1px 0 rgba(19, 5, 23, .16),
		0 4px 9px rgba(63, 42, 73, .10),
		0 12px 24px rgba(63, 42, 73, .14) !important;
	filter: none !important;
	font-family: Montserrat, sans-serif !important;
	font-size: 15.25px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: -.03px !important;
	text-shadow: 0 1px 2px rgba(20, 5, 24, .20) !important;
	transform: translateZ(0) !important;
	scale: 1 !important;
	transition: scale .22s cubic-bezier(.2, .8, .2, 1) !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google {
	display: block !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google::before,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google::before,
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]::before {
	content: "" !important;
	position: absolute !important;
	z-index: 1 !important;
	top: 0 !important;
	right: 8% !important;
	left: 8% !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .69), transparent) !important;
	opacity: .72 !important;
	pointer-events: none !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google::after,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google::after,
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]::after {
	content: "" !important;
	position: absolute !important;
	z-index: 1 !important;
	top: -130% !important;
	left: -34% !important;
	width: 17% !important;
	height: 380% !important;
	background: linear-gradient(90deg, transparent, rgba(244, 234, 223, .20), transparent) !important;
	opacity: 0 !important;
	transform: rotate(17deg) !important;
	transition: left .72s cubic-bezier(.2, .8, .2, 1), opacity .2s !important;
	pointer-events: none !important;
}

/* Nextend's existing SVG container becomes the white badge; its SVG is intact. */
body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container {
	position: absolute !important;
	z-index: 4 !important;
	top: 50% !important;
	left: 11px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	min-width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, .9) !important;
	border-radius: 11px !important;
	background: linear-gradient(145deg, #fff 0%, #f7f1ea 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .98),
		0 3px 8px rgba(24, 8, 29, .18) !important;
	filter: none !important;
	transform: translateY(-50%) !important;
	transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container svg,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container svg {
	display: block !important;
	width: 19px !important;
	height: 19px !important;
	margin: 0 !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-label-container,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-label-container {
	position: absolute !important;
	z-index: 3 !important;
	inset: 0 46px 0 60px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	color: var(--bb-auth-google-label) !important;
	font-family: inherit !important;
	font-size: 15.25px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: -.03px !important;
	text-align: center !important;
	text-overflow: clip !important;
	text-shadow: 0 1px 2px rgba(20, 5, 24, .20) !important;
	white-space: nowrap !important;
	pointer-events: none !important;
}

/* Preserve the native template's source-space width for My Account only. */
body.bbfaq-auth-provider-presentation #bbfaq-my-account-google-auth .bb-google-slot .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-label-container {
	white-space: pre !important;
}

/*
 * GSI keeps its native visible DOM. Its original SVG receives badge spacing;
 * no replacement image, altered path, pseudo-control or event layer is added.
 */
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
	position: absolute !important;
	z-index: 3 !important;
	inset: 0 34px 0 60px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	color: var(--bb-auth-google-label) !important;
	font-family: Montserrat, sans-serif !important;
	font-size: 15.25px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: -.03px !important;
	text-align: center !important;
	text-shadow: 0 1px 2px rgba(20, 5, 24, .20) !important;
	white-space: nowrap !important;
	pointer-events: none !important;
}

body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	position: absolute !important;
	z-index: 4 !important;
	top: 50% !important;
	left: -49px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	min-width: 36px !important;
	max-width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, .9) !important;
	border-radius: 11px !important;
	background: linear-gradient(145deg, #fff 0%, #f7f1ea 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .98),
		0 3px 8px rgba(24, 8, 29, .18) !important;
	transform: translateY(-50%) !important;
	transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s !important;
}

body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-Bz112c > svg {
	box-sizing: border-box !important;
	display: block !important;
	flex: 0 0 19px !important;
	width: 19px !important;
	height: 19px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] :is(span, div) {
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"]:hover .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"]:hover .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]:hover {
	border: 1px solid rgba(244, 234, 223, .22) !important;
	background: var(--bb-auth-google-surface) !important;
	color: var(--bb-auth-google-label) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .16),
		inset 0 -1px 0 rgba(19, 5, 23, .16),
		0 4px 9px rgba(63, 42, 73, .10),
		0 12px 24px rgba(63, 42, 73, .14) !important;
	filter: none !important;
	transform: translateZ(0) !important;
	scale: 1.02 !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"]:hover .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"]:hover .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container,
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]:hover .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .98),
		0 3px 8px rgba(24, 8, 29, .18) !important;
	transform: translateY(-50%) !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"]:active .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"]:active .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]:active {
	background: var(--bb-auth-google-surface) !important;
	color: var(--bb-auth-google-label) !important;
	box-shadow:
		inset 0 2px 5px rgba(20, 6, 24, .14),
		0 4px 9px rgba(63, 42, 73, .11) !important;
	filter: none !important;
	transform: translateZ(0) !important;
	scale: .987 !important;
	transition-duration: .07s !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"]:focus,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"]:focus {
	outline: 0 !important;
}

body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"]:focus-visible .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"]:focus-visible .nsl-button.nsl-button-default.nsl-button-google,
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]:focus-visible {
	border-color: rgba(184, 157, 92, .80) !important;
	background: var(--bb-auth-google-surface) !important;
	color: var(--bb-auth-google-label) !important;
	filter: none !important;
	outline: none !important;
	box-shadow:
		0 0 0 3px rgba(244, 234, 223, .96),
		0 0 0 5px rgba(145, 103, 174, .32),
		0 16px 34px rgba(63, 42, 73, .18) !important;
}

/*
 * UM keeps its submit column at one half on a narrow login form. Give that
 * exact provider-owning column the available width; Register is full width.
 */
@media (max-width: 767px) {
	body.bbfaq-auth-provider-presentation {
		--bb-auth-google-height: 56px;
		--bb-auth-google-radius: 16px;
	}

	/* Nextend's native button list is an inline-grid shrink-to-fit track at
	 * this width. Make only the My Account list consume its existing full
	 * slot so the provider-owned button retains the complete label. */
	body.bbfaq-auth-provider-presentation #bbfaq-my-account-google-auth .nsl-container-buttons {
		width: 100% !important;
		min-width: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot),
	body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"],
	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] {
		width: 100% !important;
	}

	body.bbfaq-auth-provider-presentation.page-id-310 .um.um-login .um-col-alt > .um-left.um-half {
		box-sizing: border-box !important;
		float: none !important;
		width: 100% !important;
		max-width: none !important;
	}

	body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container,
	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-Bz112c {
		width: 34px !important;
		min-width: 34px !important;
		max-width: 34px !important;
		height: 34px !important;
	}

	body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container svg,
	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container svg,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-Bz112c > svg {
		flex-basis: 18px !important;
		width: 18px !important;
		height: 18px !important;
	}

	body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-label-container,
	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-label-container,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
		inset: 0 12px 0 50px !important;
		font-size: 14px !important;
	}

body.bbfaq-auth-provider-presentation #bbfaq-my-account-google-auth .bb-google-slot .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-label-container {
	justify-content: safe center !important;
}

	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation
		.woocommerce
		.googlesitekit-sign-in-with-google__frontend-output-button
		.nsm7Bb-HzV7m-LgbsSe[role="button"]
		.nsm7Bb-HzV7m-LgbsSe-BPrWId {
		width: auto !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}

	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-Bz112c {
		left: -45px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] {
		transition: none !important;
	}

	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"]:is(:hover, :active) .nsl-button.nsl-button-default.nsl-button-google,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]:is(:hover, :active) {
		transform: translateZ(0) !important;
		scale: 1 !important;
	}

	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] .nsm7Bb-HzV7m-LgbsSe-Bz112c {
		transition: none !important;
	}
}

@media (forced-colors: active) {
	body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google,
	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"] .nsl-button.nsl-button-default.nsl-button-google,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"] {
		border: 1px solid ButtonText !important;
		color: ButtonText !important;
		box-shadow: none !important;
		forced-color-adjust: auto;
	}

	body.bbfaq-auth-provider-presentation :is(#bb-google-auth, #bb-register-google-auth, #bbfaq-my-account-google-auth) :is(.bb-google-slot, .bb-register-google-slot) .nsl-container a[data-plugin="nsl"][data-provider="google"]:focus-visible .nsl-button.nsl-button-default.nsl-button-google,
	body.bbfaq-auth-provider-presentation .nsl-container a[data-plugin="nsl"][data-provider="google"]:focus-visible .nsl-button.nsl-button-default.nsl-button-google,
	body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button .nsm7Bb-HzV7m-LgbsSe[role="button"]:focus-visible {
		outline: 3px solid Highlight !important;
		outline-offset: 3px !important;
	}
}

/*
 * 3.6.87 guest account form rhythm.
 *
 * Both supported provider wrappers are direct children of the native login
 * form. Reserve clear space before WooCommerce's first credential row without
 * changing either provider's hit area or the form field lifecycle.
 */
body.bbfaq-account-experience.bbfaq-account-guest.bbfaq-auth-provider-presentation
	form.woocommerce-form-login
	> :is(#bbfaq-my-account-google-auth,
		.googlesitekit-sign-in-with-google__frontend-output-button) {
	margin-bottom: 24px !important;
}