/* Tuyu Trial Form - inherits Elementor's field styling wherever possible. */

.tuyu-form {
	--tuyu-ok: #2e7d32;
	--tuyu-error: #c62828;
	--tuyu-muted: #8a8f98;
}

/* Label + hint on one line: "Your Tuyu site address  Your private site's web address..." */
.tuyu-form .tuyu-label-with-hint {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: .6em;
	row-gap: .15em;
}
.tuyu-form .tuyu-label-hint {
	color: var(--tuyu-muted);
	font-weight: 400;
	font-size: .85em;
}

/* Inline messages ---------------------------------------------------- */
.tuyu-form .tuyu-msg {
	width: 100%;
	font-size: .85em;
	line-height: 1.4;
}
.tuyu-form .tuyu-msg:not(:empty) { margin-top: .4em; }
.tuyu-form .tuyu-msg--error { color: var(--tuyu-error); }
.tuyu-form .tuyu-msg--ok { color: var(--tuyu-ok); }
.tuyu-form .tuyu-msg--ok::before { content: "\2713\00a0 "; }
.tuyu-form .tuyu-msg--pending { color: var(--tuyu-muted); }

.tuyu-form [aria-invalid="true"] {
	border-color: var(--tuyu-error) !important;
}

/* State while "N/A" / waiting for a country. */
.tuyu-form .tuyu-field-disabled select {
	opacity: .6;
	cursor: not-allowed;
}

.tuyu-form [hidden] { display: none !important; }