/*
 * CF7 Antispam Semplice – stile frontend.
 * Volutamente neutro: eredita font e colori dal tema. Sovrascrivibile dal tema con classi .cf7as-*.
 */

.cf7as-box {
	display: block;
	margin: 1em 0;
}

.cf7as-challenge {
	display: block;
	padding: 0.8em 1em;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.02);
}

.cf7as-title {
	display: block;
	margin-bottom: 0.4em;
	font-size: 0.85em;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	opacity: 0.75;
}

.cf7as-question {
	display: block;
	margin-bottom: 0.5em;
}

.cf7as-display {
	font-weight: 700;
	white-space: nowrap;
}

.cf7as-display--word {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	letter-spacing: 0.12em;
}

.cf7as-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.5em;
}

.cf7as-row .wpcf7-form-control-wrap {
	display: block;
	flex: 0 1 14em;
	min-width: 8em;
}

.cf7as-box .cf7as-input {
	box-sizing: border-box;
	width: 100%;
	max-width: 14em;
}

.cf7as-reload {
	display: none;
	align-items: center;
	justify-content: center;
	min-width: 2.4em;
	min-height: 2.4em;
	padding: 0.3em 0.6em;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background: transparent;
	color: inherit;
	font-size: 1em;
	line-height: 1;
	cursor: pointer;
}

.cf7as-js .cf7as-reload {
	display: inline-flex;
}

.cf7as-reload:hover,
.cf7as-reload:focus-visible {
	background: rgba(0, 0, 0, 0.06);
}

.cf7as-hint {
	display: block;
	margin-top: 0.35em;
	font-size: 0.85em;
	opacity: 0.75;
}

.cf7as-hint:empty {
	display: none;
}

.cf7as-loading .cf7as-question,
.cf7as-loading .cf7as-row {
	opacity: 0.5;
	transition: opacity 0.15s;
}

/* Il campo trappola ha anche uno stile inline: questa regola è un rinforzo. */
.cf7as-hp {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}