/**
 * Frontend waitlist form styles for Evenzo Events Manager for WooCommerce.
 *
 * @package EventsAndTicketsForWooCommerce
 * @since   1.0.0
 */

.emwc-waitlist-form-wrapper {
	margin: 20px 0;
	padding: 20px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.emwc-waitlist-form-wrapper h4 {
	margin: 0 0 10px;
}

.emwc-waitlist-description {
	color: #666;
	margin-bottom: 15px;
}

.emwc-waitlist-form .form-row {
	margin-bottom: 10px;
}

.emwc-waitlist-form label {
	display: block;
	margin-bottom: 5px;
}

.emwc-waitlist-form input[type="email"],
.emwc-waitlist-form input[type="text"],
.emwc-waitlist-form input[type="number"] {
	width: 100%;
	max-width: 300px;
}

.emwc-waitlist-message.success {
	color: #46b450;
	padding: 10px;
	background: #ecf7ed;
	border-radius: 4px;
}

.emwc-waitlist-message.error {
	color: #dc3232;
	padding: 10px;
	background: #fbeaea;
	border-radius: 4px;
}

.emwc-waitlist-notice {
	padding: 15px;
	margin: 20px 0;
	border-radius: 4px;
}

.emwc-waitlist-already {
	background: #e7f3fe;
	border: 1px solid #2196f3;
	color: #1565c0;
}