/* Frontend Styles */
.otsn-subscription-form {
	margin: 5px 0;
}

.otsn-message {
	font-size: 14px;
	color: #666;
	margin: 0 0 15px 0;
	line-height: 1.6;
}

.otsn-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.otsn-form-group {
	display: flex;
	gap: 10px;
}



.otsn-submit-btn {
	padding: 10px 20px;
	background-color: #0073aa;
	color: white;
	border: none;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
}



.otsn-submit-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}


.otsn-message-result.success {
	font-weight: 700;
    font-style: italic;
    font-size: 1.1rem;
	color: #155724;
}

.otsn-message-result.error {
	font-weight: 700;
    font-style: italic;
    font-size: 1.1rem;
	color: #ef4444;
}

.otsn-message-result.loading {
	font-weight: 700;
    font-style: italic;
    font-size: 1.1rem;
	color: #004085;
}

/* Variable product form container */
#otsn-variable-form-container {
	margin: 20px 0;
}

.otsn-form-container {
	animation: slideIn 0.3s ease-in-out;
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Responsive */
@media (max-width: 600px) {
	.otsn-form-group {
		flex-direction: column;
	}

	.otsn-email-input {
		width: 100%;
	}

	.otsn-submit-btn {
		width: 100%;
	}
}