/*
 * Footer — Theme Builder footer layout 47, rebuilt in ctx-2 by tools/2026-09-24-client-todo.php.
 *
 *   [ business + contact ]  [ site links + services ]  [ newsletter ]
 *   ─────────────────────────────────────────────────────────────────
 *   © year · Imprint · Terms · Privacy                 thewerks credit
 *
 * The layout itself (rows, columns, modules, fonts, colours) lives in Divi; this file only does
 * what Divi's module settings cannot: tight paragraph rhythm, the nested link list and the legal bar.
 */

/* Divi pads every <p> by 1em at the bottom; use margins we control instead. */
.et-l--footer .mhc-footer p {
	padding-bottom: 0;
	margin-bottom: 1em;
}
.et-l--footer .mhc-footer p:last-child {
	margin-bottom: 0;
}

/* Footer type: 16px throughout (user-approved), legal bar 14px. Column titles are DM Serif at 17px,
 * the same as the newsletter module's own title. */
.et-l--footer .mhc-footer-title {
	font-family: 'DM Serif Display', Georgia, 'Times New Roman', serif;
	font-size: 17px;
	line-height: 1.6em;
	margin-bottom: 0.6em !important;
}

/* Site links: a plain list, services indented under Business Registration. */
.et-l--footer .mhc-footer-links ul {
	list-style: none;
	padding: 0 !important;
	margin: 0;
	line-height: 1.9em;
}
.et-l--footer .mhc-footer-links ul ul {
	padding: 0 0 0.3em 1em !important;
}
.et-l--footer .mhc-footer-links ul ul a {
	font-weight: 400;   /* same 16px as every footer link; regular weight marks them as sub-items */
}
.et-l--footer .mhc-footer a:hover {
	text-decoration: underline;
}

/* Legal bar: a hairline above, legal links left, credit right; stacks on narrow screens. */
.et-l--footer .mhc-legal-bar {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.et-l--footer .mhc-legal-bar > .et_pb_column {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
}
.et-l--footer .mhc-legal-bar .et_pb_module {
	margin-bottom: 0 !important;
}
.et-l--footer .mhc-legal-bar p {
	font-size: 14px;
	padding-bottom: 0;
}
.et-l--footer .mhc-credit img {
	width: 12px;
	height: auto;
	vertical-align: -1px;
	margin-right: 8px;
}

/*
 * Newsletter (Divi signup module, Brevo list 7): no inner padding, so title and field sit on the
 * column edge like the other two columns; and always stacked — Divi lays it out side by side at
 * tablet width, which in a one-column footer reads as a stray form.
 */
.et-l--footer .et_pb_newsletter {
	padding-left: 0 !important;
	padding-right: 0 !important;
	flex-direction: column !important;
}
.et-l--footer .et_pb_newsletter .et_pb_newsletter_description,
.et-l--footer .et_pb_newsletter .et_pb_newsletter_form {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.et-l--footer .et_pb_newsletter .et_pb_newsletter_description {
	padding-bottom: 0.6em !important;
}

/* Newsletter field text at the footer size too. */
.et-l--footer .et_pb_newsletter input {
	font-size: 16px !important;
}