/* Nexcore Commerce — botão "Continuar com o Google" (src/Modules/Account/GoogleLogin.php).
   Branco com o "G" a cores, como pedem as regras da marca Google. Cores
   forçadas em normal, :hover, :focus e :active (o Hello pinta-os de rosa).
   .ncc-google.ncc-google: para ganhar à regra das ligações da loja (storefront.css). */

.ncc-google { margin: 0 0 18px; font-family: var(--ncc-font, inherit); }
.ncc-google.ncc-google a.ncc-google-btn,
.ncc-google.ncc-google a.ncc-google-btn:visited,
.ncc-google.ncc-google a.ncc-google-btn:is(:hover, :focus, :active) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	min-height: 48px;
	padding: 10px 18px;
	box-sizing: border-box;
	border: 1px solid #dadce0;
	border-radius: var(--ncc-radius, 10px);
	background: #fff;
	box-shadow: none;
	color: #1f1f1f;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: background-color .15s, border-color .15s, box-shadow .15s;
}
.ncc-google.ncc-google a.ncc-google-btn:is(:hover, :focus-visible) {
	border-color: #c4c7c5;
	background: #f8f9fa;
	box-shadow: 0 1px 3px rgba(60, 64, 67, .18);
	outline: none;
}
.ncc-google.ncc-google a.ncc-google-btn svg { flex: 0 0 auto; }
.ncc-google .ncc-google-note { margin: 8px 0 0; color: var(--ncc-muted, #6b7280); font-size: 12.5px; line-height: 1.45; text-align: center; }
.ncc-google.ncc-google .ncc-google-note a,
.ncc-google.ncc-google .ncc-google-note a:visited { color: var(--ncc-primary, #145c98); text-decoration: underline; text-underline-offset: 2px; }
.ncc-google.ncc-google .ncc-google-note a:is(:hover, :focus, :active) { color: color-mix(in srgb, var(--ncc-primary, #145c98) 80%, #000); }
.ncc-google .ncc-google-or {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 16px 0 0;
	color: var(--ncc-muted, #6b7280);
	font-size: 13px;
}
.ncc-google .ncc-google-or::before,
.ncc-google .ncc-google-or::after { content: ""; flex: 1; height: 1px; background: var(--ncc-border, #e5e7eb); }