/**
 * InsuranceFixits Core – Join form styles
 *
 * Managed/Developed by ThatWorx
 *
 * @package InsuranceFixits_Core
 */

/* ========== Success Message ========== */
.ifx-join-success {
	max-width: 560px;
	margin: 0 auto;
	padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 2.5rem);
	text-align: center;
}

.ifx-join-success p {
	font-size: 1.25rem;
	line-height: 1.6;
	color: var(--ifx-text);
}

/* ========== Join Form ========== */
.ifx-join-form-section {
	padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 4vw, 2.5rem);
}

.ifx-join-form__inner {
	max-width: 540px;
	margin: 0 auto;
}

.ifx-join-form__title {
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	color: var(--ifx-text);
	margin: 0 0 0.5rem;
}

.ifx-join-form__subtitle {
	font-size: 1rem;
	color: var(--ifx-text-muted);
	margin: 0 0 1.5rem;
}

.ifx-join-form__error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 0.75rem 1rem;
	border-radius: var(--ifx-radius);
	margin-bottom: 1.5rem;
}

.ifx-join-form label {
	display: block;
	font-weight: 500;
	margin-bottom: 0.25rem;
	color: var(--ifx-text);
}

.ifx-join-form .required {
	color: #dc2626;
}

.ifx-join-form input[type="text"],
.ifx-join-form input[type="email"],
.ifx-join-form input[type="tel"],
.ifx-join-form textarea,
.ifx-join-form select {
	width: 100%;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--ifx-border);
	border-radius: var(--ifx-radius);
	font-size: 1rem;
}

.ifx-join-form textarea {
	min-height: 80px;
	resize: vertical;
}

.ifx-join-form p {
	margin-bottom: 1.25rem;
}

.ifx-join-form__checkgroup {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
}

.ifx-checkbox-label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 400;
}

.ifx-join-form__disclaimer {
	background: var(--ifx-bg);
	padding: 1rem;
	border-radius: var(--ifx-radius);
}