/**
 * Google Sign-In for Login/Signup Popup.
 *
 * Colours are derived from currentColor so the divider follows whatever popup
 * text colour is configured under the parent plugin's Style tab. Google's
 * button itself is a cross-origin iframe and is deliberately left alone.
 */

.xoo-elg-container {
	width: 100%;
	box-sizing: border-box;
}

.xoo-elg-loginvia {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 18px 0 14px;
	font-size: 13px;
	line-height: 1.2;
	opacity: 0.75;
}

.xoo-elg-loginvia > span:first-child,
.xoo-elg-loginvia > span:last-child {
	flex: 1 1 auto;
	height: 1px;
	background-color: currentColor;
	opacity: 0.25;
}

.xoo-elg-loginvia > span:nth-child(2) {
	flex: 0 0 auto;
	white-space: nowrap;
}

.xoo-elg-btns-container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.xoo-elg-button {
	display: flex;
	justify-content: center;
	width: 100%;
	min-height: 40px;
}

/* Google injects an iframe here; keep it centred without restyling it. */
.xoo-elg-goo-btn {
	display: flex;
	justify-content: center;
	max-width: 100%;
	overflow: hidden;
	color-scheme: light;
}

.xoo-elg-processing {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
	opacity: 0.85;
}

.xoo-elg-processing .xoo-el-spinner {
	font-size: 16px;
}

.xoo-elg-notice {
	margin-bottom: 12px;
}

/* The parent plugin renders fields in a grid; a button needs the full row. */
.xoo-aff-cont-google_btn {
	width: 100%;
}

.xoo-aff-cont-google_btn > .xoo-aff-label {
	display: none;
}