/* Urban Surfaces Google Login — login page styles. */

.usg-google-wrap {
	margin: 16px 0 8px;
	text-align: center;
}

.usg-google-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	height: auto !important;
	min-height: 40px;
	padding: 8px 12px !important;
	background: #fff !important;
	color: #3c4043 !important;
	border: 1px solid #dadce0 !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.4 !important;
}

.usg-google-btn:hover,
.usg-google-btn:focus {
	background: #f7f8f8 !important;
	border-color: #d2d3d4 !important;
	color: #202124 !important;
}

.usg-google-icon {
	display: inline-flex;
	align-items: center;
}

/*
 * Enforcement: when "Google-only" is on, hide the native username/password
 * form and its submit, leaving only the Google button. Password auth is also
 * blocked server-side via the `authenticate` filter.
 */
body.usg-enforce #loginform > p:not(.usg-google-wrap) {
	display: none !important;
}

body.usg-enforce #loginform .forgetmenot,
body.usg-enforce #loginform .user-pass-wrap,
body.usg-enforce #loginform #wp-submit,
body.usg-enforce #nav {
	display: none !important;
}