/**
 * Divi Cloudflare Turnstile — minimal styling.
 *
 * Only lays out the widget container; Turnstile's own iframe renders
 * its own chrome, and Divi's form/button styling is left untouched.
 */

.dcft-turnstile-wrap {
	display: block;
	width: 100%;
	margin: 0 0 16px;
}

.dcft-turnstile-wrap .cf-turnstile {
	display: inline-block;
	max-width: 100%;
}

.dcft-turnstile-wrap[data-dcft-state="error"] {
	outline: 1px solid #d63638;
	outline-offset: 4px;
}

.dcft-turnstile-message {
	display: none;
	margin: 8px 0 16px;
	padding: 8px 12px;
	border-radius: 3px;
	font-size: 0.9em;
	line-height: 1.4;
}

.dcft-turnstile-message.dcft-is-visible {
	display: block;
}

.dcft-turnstile-message.dcft-error {
	color: #8a2424;
	background: #fbeaea;
	border: 1px solid #d63638;
}

@media (max-width: 480px) {
	.dcft-turnstile-wrap .cf-turnstile {
		transform-origin: left top;
	}
}

/* Admin settings screen */
.dcft-settings-wrap .dcft-test-result {
	margin-left: 10px;
	font-weight: 600;
}

.dcft-settings-wrap .dcft-test-result.dcft-success {
	color: #1a7f37;
}

.dcft-settings-wrap .dcft-test-result.dcft-error {
	color: #d63638;
}