/*
 * i-w-d.com — Google SSO local-container reset
 *
 * PURPOSE
 * -------
 * Leave the visual rendering of the Google Identity Services button to Google.
 * This stylesheet only neutralizes presentation contributed by the local mount
 * wrappers. It intentionally contains no site-wide button, navigation, header,
 * form-control, or typography rules.
 *
 * LOAD ORDER
 * ----------
 * Load after the authentication/form styles on pages that render Google SSO.
 * Google's actual button is rendered inside its own iframe and is not styled
 * from this file.
 */

.iwd-auth-marketing-page .auth-google-button-wrap
 {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    margin: 0 !important;
    padding: 7px !important;
    border: solid 1px transparent !important;
    border-radius: 21px !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: 0 !important;
    overflow: hidden !important;
}

/* .iwd-auth-marketing-page .auth-google-button-wrap::before,
.iwd-auth-marketing-page .auth-google-button-wrap::after {
	content: none !important;
	display: none !important;
} */

/* Local mount point supplied to google.accounts.id.renderButton(). */
.iwd-auth-marketing-page #google-signin-button {
	display: inline-block !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	max-width: max-content !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;

	line-height: 0 !important;

	/*  */
	scroll-behavior: auto !important;
	flex: 0 0 auto !important;
	align-self: flex-start !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: max-content !important;
	margin: 0 !important;
	outline: 0 !important;
	overflow: visible !important;
	line-height: 0 !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.6em !important;
	--btn-icon-size: 1.15em !important;
	margin: 0px;
	padding: 0px !important;
	vertical-align: middle !important;
	border: 1px solid rgba(0, 149, 255, 0.6);
	border-radius: 1px !important;
	background: var(--color-container-bg) !important;
	-webkit-tap-highlight-color: transparent !important;
	box-shadow: none;
}

/* Google inserts an iframe for the rendered button. */
.iwd-auth-marketing-page #google-signin-button iframe {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.g_id_signin {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal;
}

iframe,
.g_id_signin,
.social-login {
	padding: 0px !important;
}

/*  */

.g-btn-wrapper,
.container-div {
	display: inline-block !important;
	overflow: hidden !important;
	/* Adjust width and height to crop the iframe edges */
	width: 246px !important;
	height: 38px !important;
	position: relative !important;
}

.g-btn-wrapper #btn,
.container-div {
	position: absolute !important;
	/* Nudge top and left to offset internal padding */
	top: -2px !important;
	left: -2px !important;
}