/* Contact Us form — "Which services are you interested in?" checkbox group
   (2026-09-29). Contact Form 7 renders [checkbox] as one .wpcf7-checkbox
   wrapper holding a .wpcf7-list-item per option, each inline. With twenty
   options — the full insurance and mortgage product lists — the default
   inline flow either makes one very tall ragged block or wraps mid-label,
   so the items are laid out as an explicit grid instead.

   Two columns at desktop, one on phones: the longest labels here are
   "Mortgage Cover / Income Protection" and "Business & Commercial Finance",
   which need most of a half-width column at this font size, so three columns
   was tried and rejected — it wrapped both of those onto two lines and made
   the group taller than the two-column version it was meant to shorten.

   Scoped to .tnc-services-group (a class on the field's own wrapper in the
   form markup) so it cannot reach any other Contact Form 7 checkbox on the
   site. Enqueued only on page 74. */

.tnc-services-group .tnc-services-label {
	display: block;
	margin-bottom: 10px;
	font-family: "Golos Text", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #071A51;
}

.tnc-services-group .wpcf7-checkbox {
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	column-gap: 18px;
	row-gap: 8px;
}

/* CF7 gives every list item a left margin to space them inline; the grid's
   own gaps handle that now, and leaving it in misaligns the first column. */
.tnc-services-group .wpcf7-list-item {
	margin: 0;
}

.tnc-services-group .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	cursor: pointer;
	font-family: "Golos Text", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	color: #6F6F6F;
}

/* The theme sizes form controls to 58px tall for text inputs; that rule must
   not reach these checkboxes or each one becomes a 58px block. */
.tnc-services-group .wpcf7-list-item input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
	min-height: 0 !important;
	margin: 2px 0 0 0 !important;
	padding: 0 !important;
	flex: 0 0 16px;
	accent-color: #004AAD;
}

.tnc-services-group .wpcf7-list-item-label {
	flex: 1 1 auto;
}

@media (max-width: 767px) {
	.tnc-services-group .wpcf7-checkbox {
		grid-template-columns: 1fr;
		row-gap: 10px;
	}
}