/**
 * Aumaujaya Comment Invite — invitation card.
 *
 * Every colour is a custom property, so a theme can restyle the card by
 * redeclaring these on .aci-invite without touching this file.
 */

.aci-invite {
	--aci-ink: #3a2f22;
	--aci-paper: #f8f3e9;
	--aci-rule: #a6761d;
	--aci-mark: #a6761d;
	--aci-mark-bg: rgba(166, 118, 29, 0.1);

	display: flex;
	align-items: flex-start;
	gap: 0.75em;
	margin: 0 0 1.75em;
	padding: 0.95em 1.15em;
	border-left: 3px solid var(--aci-rule);
	border-radius: 0 4px 4px 0;
	background: var(--aci-paper);
	color: var(--aci-ink);
}

.aci-invite__text {
	margin: 0;
	font-size: 1.02em;
	line-height: 1.65;
	/* Telugu conjuncts need a little more room than Latin text. */
	letter-spacing: 0.005em;
}

.aci-invite__text a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.aci-invite__mark {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.9em;
	height: 1.9em;
	border-radius: 50%;
	background: var(--aci-mark-bg);
	color: var(--aci-mark);
	font-size: 0.95em;
	line-height: 1;
	/* Nudge the glyph on to the first text line. */
	margin-top: 0.1em;
}

/* Quiet preset — a hairline rule, everything else from the theme. */
.aci-invite--quiet {
	--aci-paper: transparent;
	--aci-ink: inherit;
	--aci-rule: currentColor;
	--aci-mark: currentColor;
	--aci-mark-bg: transparent;

	padding: 0 0 0 1em;
	border-left-width: 2px;
	border-radius: 0;
	opacity: 0.85;
}

.aci-invite--quiet .aci-invite__mark {
	width: auto;
	height: auto;
	margin-top: 0.15em;
}

/* No preset — the markup still ships, but carries no styling of its own. */
.aci-invite--none {
	all: unset;
	display: block;
	margin: 0 0 1.5em;
}

@media (max-width: 480px) {
	.aci-invite {
		padding: 0.85em 0.9em;
		gap: 0.6em;
	}
}

/* Human check row -------------------------------------------------------- */

.comment-form-human {
	display: flex;
	align-items: center;
	gap: 0.5em;
	margin: 0 0 1em;
	line-height: 1.5;
}

.comment-form-human input[type="checkbox"] {
	flex: 0 0 auto;
	margin: 0;
}

.comment-form-human label {
	margin: 0;
	cursor: pointer;
}