/**
 * Wenaro Account Tools — google-sign-in.css
 *
 * Minimalne style wokół sekcji "Kontynuuj przez Google" na stronie "Moje
 * konto" (etykieta, status błędu, separator "lub") — sam przycisk Google
 * pozostaje w 100% oficjalnym przyciskiem renderowanym przez
 * "google.accounts.id.renderButton()" i NIE jest tu stylowany (żadna
 * reguła poniżej nie celuje w jego wnętrze/iframe).
 *
 * Kolory odwołują się do zmiennych motywu Wenaro
 * (--wp--preset--color--...) TAM, GDZIE SĄ DOSTĘPNE, zawsze z bezpiecznym
 * fallbackiem — ten plik należy do pluginu, a nie do motywu, i musi
 * wyglądać rozsądnie nawet bez tych zmiennych.
 */

.wenaro-google-signin {
	margin: 0 0 24px;
	text-align: center;
}

.wenaro-google-signin-label {
	margin: 0 0 12px;
	color: var(--wp--preset--color--ink, #111827);
	font-size: 0.9375rem;
	font-weight: 600;
}

/* Kontener oficjalnego przycisku Google — wyłącznie wyśrodkowanie i
   ograniczenie maksymalnej szerokości do udokumentowanego zakresu Google
   (400px), żeby nigdy nie wychodził poza layout/viewport. */
.wenaro-google-signin-button {
	display: flex;
	justify-content: center;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden;
}

.wenaro-google-signin-status {
	margin: 10px 0 0;
	min-height: 1.2em;
	color: var(--wp--preset--color--danger, #b32d2e);
	font-size: 0.8125rem;
	line-height: 1.4;
}

.wenaro-google-signin-status:empty {
	margin: 0;
	min-height: 0;
}

.wenaro-google-signin-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.wenaro-google-signin-divider::before,
.wenaro-google-signin-divider::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--wp--preset--color--border, #E4E7EC);
}

@media (max-width: 480px) {
	.wenaro-google-signin-button {
		max-width: 100%;
	}
}