/*
 * Compact layout for the side "Contact Us" popup (CF7 #1345 in #modal) - same feel as the Contact Us page cards
 * (contact-page.css): placeholders + icons instead of visible labels, no counter line, tighter spacing.
 * Overrides contact-popup.css (loaded after it, on every page); contact-popup.css/js stay as they are.
 * Text tweaks (placeholder, privacy note) are in contact-popup-compact.js.
 */

/* Header + body */
#modal .ecp-content h3 { padding: 14px 56px 14px 22px !important; font-size: 19px !important; }
#modal .ecp-content > div { padding: 16px 22px 16px !important; }
#modal .wpcf7-form p { margin: 0 0 10px; }
#modal .wpcf7-form .hidden-fields-container { display: none; }

/* Labels: kept for screen readers (they name the fields) but not shown - placeholder + icon say what each field is */
#modal .scp-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
/* "Min. 10 characters  0 / 2000" line - the minimum is still enforced with an error message */
#modal .scp-hint { display: none; }

/* Fields */
#modal .wpcf7-form input.wpcf7-form-control:not([type="submit"]),
#modal .wpcf7-form textarea.wpcf7-form-control {
	padding: 10px 14px 10px 40px !important;
	background-position: 13px 50% !important;
	background-size: 16px 16px !important;
}
#modal .wpcf7-form textarea.wpcf7-form-control {
	height: 84px !important;
	min-height: 70px;
	background-position: 13px 12px !important;
}

/* Submit: full width (beats style.css "#Submit { width: initial !important }", which shrank it on some pages) */
#modal .wpcf7-form p:has(> .wpcf7-submit),
#modal .wpcf7-form .scp-actions { margin: 14px 0 0; }
#modal .wpcf7-form .wpcf7-submit,
#modal .wpcf7-form #Submit.wpcf7-submit { width: 100% !important; padding: 11px 20px !important; }

/* Spinner and the response box only take room when there is something to show */
#modal .wpcf7-form .wpcf7-spinner { display: none !important; }
#modal .wpcf7-form.submitting .wpcf7-spinner { display: block !important; margin: 8px auto 0; }
#modal .wpcf7 form.init .wpcf7-response-output { display: none; }
#modal .wpcf7 form .wpcf7-response-output { margin: 12px 0 0 !important; padding: 10px 14px !important; }

/* Privacy note: space below the button (p.scp-privacy beats the "#modal .wpcf7-form p" margin rule) */
#modal .wpcf7-form p.scp-privacy { margin: 0; padding: 12px 0 0; font-size: 11.5px; line-height: 1.4; }

/* Phones: 16px stops iOS zooming into a field on focus */
@media (max-width: 640px) {
	#modal .ecp-content h3 { padding: 13px 54px 13px 18px !important; font-size: 18px !important; }
	#modal .ecp-content > div { padding: 14px 16px 14px !important; }
	#modal .wpcf7-form input.wpcf7-form-control:not([type="submit"]),
	#modal .wpcf7-form textarea.wpcf7-form-control { font-size: 16px !important; }
	/* narrow field: the requirement placeholder needs 4 lines */
	#modal .wpcf7-form textarea.wpcf7-form-control { height: 116px !important; }
}
/* no scrollbar on the empty box just because the placeholder is long */
#modal .wpcf7-form textarea.wpcf7-form-control:placeholder-shown { overflow: hidden; }