/* ============================================================
   MindAttack Lead Capture Page Styles
   Minimal centered layout on top of the homepage dark theme.
   ============================================================ */

.ma-lead-section {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 60vh;
	padding: 80px 0 60px;
}

.ma-lead-capture__wrap {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}

/* Header */
.ma-lead-capture__header {
	text-align: center;
	margin-bottom: 32px;
}

.ma-lead-capture__title {
	font-family: var(--ma-font-heading);
	font-size: clamp(28px, 4vw, 40px);
	color: var(--ma-text);
	margin-bottom: 12px;
}

.ma-lead-capture__subtitle {
	font-size: 17px;
	color: var(--ma-text-muted);
	margin: 0;
}

/* Offer summary box */
.ma-lead-capture__summary {
	background: var(--ma-card-bg-alt);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius);
	padding: 20px 24px;
	margin-bottom: 28px;
}

.ma-lead-capture__summary-title {
	font-family: var(--ma-font-heading);
	font-size: 18px;
	color: var(--ma-gold);
	margin-bottom: 12px;
}

.ma-lead-capture__summary-list {
	list-style: none;
	margin: 0;
	padding: 0;
	color: var(--ma-text-muted);
	font-size: 15px;
	line-height: 1.8;
}

.ma-lead-capture__summary-list strong {
	color: var(--ma-text);
}

/* Form area */
.ma-lead-capture__form {
	background: var(--ma-card-bg-alt);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius);
	padding: 28px;
	margin-bottom: 28px;
}

/* Style CF7 form elements */
/* Flex layout: up to 3 fields per row on desktop */
.ma-lead-capture__form .wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.ma-lead-capture__form .wpcf7-form > p,
.ma-lead-capture__form .wpcf7-form > div {
	flex: 1 1 100%;
	margin: 0;
}

@media (min-width: 601px) {
	.ma-lead-capture__form .wpcf7-form > p,
	.ma-lead-capture__form .wpcf7-form > div {
		flex: 1 1 calc(33.333% - 10px);
	}
}

/* Checkbox and submit always full-width */
.ma-lead-capture__form .wpcf7-form > p.wpcf7-checkbox,
.ma-lead-capture__form .wpcf7-form > div.wpcf7-checkbox,
.ma-lead-capture__form .wpcf7-form > p:has(.wpcf7-checkbox),
.ma-lead-capture__form .wpcf7-form > div:has(.wpcf7-checkbox) {
	flex: 0 0 100%;
	max-width: 100%;
}

.ma-lead-capture__form .wpcf7-form > p:has(.wpcf7-submit),
.ma-lead-capture__form .wpcf7-form > div:has(.wpcf7-submit),
.ma-lead-capture__form .wpcf7-form > p:last-child,
.ma-lead-capture__form .wpcf7-form > div:last-child {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}

.ma-lead-capture__form .wpcf7-form-control {
	width: 100%;
	padding: 10px 14px;
	background: var(--ma-bg);
	border: 1px solid var(--ma-gold);
	border-radius: 8px;
	color: var(--ma-text);
	font-family: var(--ma-font-body);
	font-size: 15px;
	margin-bottom: 14px;
	box-sizing: border-box;
	text-align: right;
	direction: rtl;
}

.ma-lead-capture__form .wpcf7-form-control:focus {
	border-color: var(--ma-gold);
	outline: none;
}

/* Placeholder text aligned right */
.ma-lead-capture__form .wpcf7-form-control::placeholder {
	text-align: right;
	direction: rtl;
}

/* Checkbox container: proper border, same width as fields */
.ma-lead-capture__form .wpcf7-form-control-wrap {
	display: block;
	max-width: 100%;
}

.ma-lead-capture__form .wpcf7-checkbox {
	display: block;
	padding: 10px 14px;
	background: var(--ma-bg);
	border: 1px solid var(--ma-gold);
	border-radius: 8px;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.ma-lead-capture__form .wpcf7-checkbox label {
	white-space: normal;
	word-wrap: break-word;
	display: inline;
}

.ma-lead-capture__form .wpcf7-submit {
	background: var(--ma-amber);
	color: var(--ma-black);
	font-family: var(--ma-font-body);
	font-weight: 700;
	font-size: 16px;
	padding: 14px 28px;
	border: 2px solid var(--ma-amber);
	border-radius: 30px;
	cursor: pointer;
	transition: var(--ma-transition);
	width: 100%;
	margin-top: 4px;
}

.ma-lead-capture__form .wpcf7-submit:hover,
.ma-lead-capture__form .wpcf7-submit:focus {
	background: var(--ma-gold);
	border-color: var(--ma-gold);
}

/* Alt contact (WhatsApp) */
.ma-lead-capture__alt-contact {
	text-align: center;
	color: var(--ma-text-muted);
	font-size: 15px;
}

.ma-lead-capture__alt-contact p {
	margin-bottom: 12px;
}

/* Responsive */
@media (max-width: 600px) {
	.ma-lead-section {
		padding: 50px 0 40px;
		min-height: auto;
	}

	.ma-lead-capture__form {
		padding: 20px 16px;
	}

	.ma-lead-capture__summary {
		padding: 16px 18px;
	}

	/* Ensure all fields same width on mobile */
	.ma-lead-capture__form .wpcf7-form-control {
		width: 100%;
		box-sizing: border-box;
	}

	/* Placeholder text aligned right on mobile */
	.ma-lead-capture__form .wpcf7-form-control::placeholder {
		text-align: right;
	}

	/* Checkbox border properly contained */
	.ma-lead-capture__form .wpcf7-checkbox {
		max-width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}
}