/**
 * Google-verified commenting: the sign-in gate, and hiding the actual
 * comment textarea/submit button until it succeeds.
 */

.blogsy-gsi-gate {
	margin: 4px 0 16px;
	padding: 16px;
	border: 1px solid var(--nc-border, #e2e8f0);
	border-radius: 10px;
	background: var(--nc-bg-paper, #f8fafc);
}

.blogsy-gsi-gate .g_id_signin {
	margin-bottom: 8px;
}

.blogsy-gsi-hint {
	margin: 8px 0 0;
	font-size: 12.5px;
	color: var(--nc-muted, #64748b);
	line-height: 1.5;
}

.blogsy-gsi-gate.is-verified {
	border-color: #16a34a;
	background: rgba(22, 163, 74, 0.06);
}

.blogsy-gsi-gate.is-verified .g_id_signin {
	display: none;
}

.blogsy-gsi-verified-badge {
	display: none;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 600;
	color: #16a34a;
}

.blogsy-gsi-gate.is-verified .blogsy-gsi-verified-badge {
	display: flex;
}

.blogsy-gsi-gate.is-verified .blogsy-gsi-hint {
	display: none;
}

/* Author/email/url fields stay in the DOM (WordPress's own
   require_name_email check needs them non-empty) but are never shown —
   JS fills them in from the verified Google credential. */
.blogsy-gsi-hidden-field {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Comment textarea + submit stay hidden until sign-in succeeds. */
#commentform.blogsy-gsi-locked #comment,
#commentform.blogsy-gsi-locked .comment-form-comment,
#commentform.blogsy-gsi-locked .form-submit {
	display: none;
}

#commentform.blogsy-gsi-locked.is-unlocked #comment,
#commentform.blogsy-gsi-locked.is-unlocked .comment-form-comment,
#commentform.blogsy-gsi-locked.is-unlocked .form-submit {
	display: block;
}

@media (prefers-color-scheme: dark) {
	.blogsy-gsi-gate {
		background: rgba(255, 255, 255, 0.03);
		border-color: rgba(255, 255, 255, 0.1);
	}
}