/* Common styles for social login buttons */
.ult-form__footer .social-login-buttons {
	margin-bottom: 30px;
}

.ult-form__footer a.facebook-login-button {
	color: #fff;
}
.uo-connect-form-footer-3rd-party-login {
	margin-top: 10px;
}

.social-login-button {
	border-radius: 4px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 24px;
	text-decoration: none;
	transition: background-color 0.2s ease;
	margin: 0;
	width: 100%;
	justify-content: center;
}

.social-login-button:hover {
	text-decoration: none;
	color:inherit;
}
/* Facebook button */
.facebook-login-button {
	background-color: #1877f2;
	border: none;
	color: white;
}

.facebook-login-button:hover {
	background-color: #166fe5;
	color: white;
}

/* Facebook icon */
.facebook-login-button::before {
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 18px;
	margin-right: 12px;
	width: 18px;
}

/* Google button */
.google-login-button {
	background-color: white;
	border: 1px solid #dadce0;
	color: #3c4043;
}

.google-login-button:hover {
	background-color: #f8f9fa;
	border-color: #dadce0;
	box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
}

/* Google icon */
.google-login-button::before {
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path fill="%234285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path fill="%23FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path fill="%2334A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 18px;
	margin-right: 12px;
	width: 18px;
}

/* Container for social buttons */
.social-login-buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 280px;
	margin: 0 auto;
}

/* EDD */
#edd_checkout_login_register .social-login-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	max-width: 100%;
	padding: 15px 15px 5px 15px;
	gap: 20px;
}

#edd_checkout_login_register #edd_login_fields .social-login-buttons {
	padding: 0 0 15px 0;
}

input[type="password"]#ult-login-password {
	padding: 5px 0 !important;
}