/* =======================================================
   FORMS COMPONENT
   =======================================================
   Contains all form-related styles including:
   - Lead forms
   - Wizard navigation
   - Date filter boxes
   - Form inputs and buttons
   ======================================================= */

/* Lead Form Styles - Grouped selectors for performance */
#ppf-quotes-inline-container .ppf-quotes-hidden,
#ppf-quotes-chat-container .ppf-quotes-hidden,
#ppf-quotes-results-container .ppf-quotes-hidden {
	display: none;
}

#ppf-quotes-lead-form p,
#ppf-quotes-inline-lead-form p {
	margin-bottom: 10px;
}

#ppf-quotes-lead-form input[type="text"],
#ppf-quotes-lead-form input[type="email"],
#ppf-quotes-lead-form input[type="tel"],
#ppf-quotes-inline-lead-form input[type="text"],
#ppf-quotes-inline-lead-form input[type="email"],
#ppf-quotes-inline-lead-form input[type="tel"] {
	width: 100%;
	padding: 8px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* Honeypot field - ensure it's hidden when the forms component is loaded */
.ppf-quotes-honeypot {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
}

#ppf-quotes-lead-form label,
#ppf-quotes-inline-lead-form label {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
}

#ppf-quotes-lead-form button[type="submit"],
#ppf-quotes-lead-form button[type="button"],
#ppf-quotes-inline-lead-form button[type="submit"],
#ppf-quotes-inline-lead-form button[type="button"] {
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 10px;
}


/* Results page lead form: primary submit uses accent */
#ppf-quotes-results-lead-form-submit button[type="submit"],
#ppf-quotes-results-lead-form button[type="submit"] {
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
}

#ppf-quotes-results-lead-form-submit button[type="submit"],
#ppf-quotes-results-lead-form button[type="submit"] {
	background: var(--ppf-accent, #007bff);
}

#ppf-quotes-results-lead-form-submit button[type="submit"]:hover,
#ppf-quotes-results-lead-form button[type="submit"]:hover {
	background: var(--ppf-accent-hover, #0056b3);
}

/* Wizard Navigation */
#ppf-quotes-wizard-nav {
	margin-top: 20px;
	text-align: right;
}

#ppf-quotes-prev {
	background: var(--ppf-secondary, #6c757d);
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
}

#ppf-quotes-prev:disabled {
	background: var(--ppf-disabled, #ccc);
	cursor: not-allowed;
}

/* Date Filter Component */
.ppf-quotes-date-filter {
	margin-top: 10px;
	margin-bottom: 10px;
}

.ppf-quotes-date-filter label {
	margin-right: 5px;
	font-weight: bold;
}

.ppf-quotes-date-filter input[type="text"] {
	width: 120px;
	padding: 5px;
	margin-right: 10px;
}

.ppf-quotes-date-filter .button {
	margin-right: 10px;
}


/* =======================================================
   STATUS MESSAGES & NOTIFICATIONS
   ======================================================= */

/* Loading/Progress Message Styling - matches standalone plugin */
#ppf-quotes-notification,
#ppf-quotes-inline-notification,
.ppf-loading {
	background: var(--ppf-info-bg, #e3f2fd);
	color: var(--ppf-info-color, #007cba);
	border-left: 4px solid var(--ppf-info-accent, #007cba);
	padding: 15px 20px;
	margin: 20px 0;
	border-radius: 4px;
	font-weight: 500;
}

/* Success Message Styling - matches standalone plugin */
#ppf-quotes-results-lead-success,
#ppf-quotes-initial-email-notification {
	background: var(--ppf-success-bg, #e8f5e9);
	color: var(--ppf-success-color, #2e7d32);
	border-left: 4px solid var(--ppf-success-accent, #4caf50);
	padding: 15px 20px;
	margin: 20px 0;
	border-radius: 4px;
	font-weight: 500;
}

/* Error Message Styling */
#ppf-quotes-results-lead-error {
	background: var(--ppf-error-bg, #ffebee);
	color: var(--ppf-error-color, #c62828);
	border-left: 4px solid var(--ppf-error-accent, #f44336);
	padding: 15px 20px;
	margin: 20px 0;
	border-radius: 4px;
	font-weight: 500;
}