/**
 * Form Plant - Additional CSS for embedding
 *
 * Additional styles for JS embedding
 *
 * @package Form_Plant
 */

/* Embed container */
.fplant-form-wrapper {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	box-sizing: border-box;
}

.fplant-form-wrapper *,
.fplant-form-wrapper *::before,
.fplant-form-wrapper *::after {
	box-sizing: inherit;
}

/* Loading */
.fplant-embed-loading {
	text-align: center;
	padding: 40px 20px;
	color: #666;
	font-size: 14px;
}

.fplant-embed-loading::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 15px;
	border: 3px solid #f0f0f1;
	border-top-color: #2271b1;
	border-radius: 50%;
	animation: fplant-spin 0.8s linear infinite;
}

@keyframes fplant-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Error display */
.fplant-embed-error {
	text-align: center;
	padding: 30px 20px;
	color: #d63638;
	background-color: #ffebeb;
	border-left: 4px solid #d63638;
	border-radius: 4px;
}

/* Form reset (minimize parent site influence) */
.fplant-form-wrapper input[type="text"],
.fplant-form-wrapper input[type="email"],
.fplant-form-wrapper input[type="tel"],
.fplant-form-wrapper input[type="url"],
.fplant-form-wrapper input[type="number"],
.fplant-form-wrapper input[type="date"],
.fplant-form-wrapper textarea,
.fplant-form-wrapper select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	margin: 0;
}

.fplant-form-wrapper button:not(.fplant-submit-button):not(.fplant-back-button):not(.fplant-confirm-submit-button) {
	cursor: pointer;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	font: inherit;
}

/* Responsive adjustments */
@media (max-width: 480px) {
	.fplant-form-wrapper {
		font-size: 14px;
	}

	.fplant-form-wrapper .fplant-field,
	.fplant-form-wrapper .fplant-submit-button {
		font-size: 14px;
		padding: 10px 12px;
	}
}