/* Site footer 2026 (php/_includes/footer.php), from the homepage mockup's footer (___updates/new-homepage,
   index-gcpro.html .gc-foot): white, logo + four link columns, legal line. No social icons or newsletter signup. Everything is under #footer.footer-2026
   so it overrides main.css's old black footer (#footer). The id stays
   #footer - js/datalayer.js reports footer_click for links inside it. */

#footer.footer-2026 {
	--f26-ink: #111;
	--f26-ink-2: #555;
	--f26-ink-3: #767676;
	--f26-line: #e5e5e5;
	--f26-red: #c8050a;
	clear: both;
	display: block;
	margin-top: 0;
	padding: 40px 0 24px;
	background: #fff;
	border-top: 1px solid var(--f26-line);
	color: var(--f26-ink-2);
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.45;
}
#footer.footer-2026 *, #footer.footer-2026 *::before, #footer.footer-2026 *::after { box-sizing: border-box; }
#footer.footer-2026 .f26-wrap { width: 100%; max-width: 1518px; margin: 0 auto; padding: 0 12px; }
#footer.footer-2026 a, #footer.footer-2026 a:visited { color: inherit; text-decoration: none; }
#footer.footer-2026 h5 { margin: 0 0 12px; padding: 0; font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--f26-ink); }
#footer.footer-2026 ul { margin: 0; padding: 0; list-style: none; }
#footer.footer-2026 ul li { margin: 0 0 8px; font-size: 13px; line-height: 1.45; color: var(--f26-ink-2); }
#footer.footer-2026 ul li a:hover { color: var(--f26-ink); text-decoration: underline; }
#footer.footer-2026 p { margin: 0; font-size: 12px; }

#footer.footer-2026 .f26-cols { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 24px; }
#footer.footer-2026 .f26-brand img { display: block; width: 72px; height: auto; }

#footer.footer-2026 .f26-legal { display: flex; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap;
	margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--f26-line); color: var(--f26-ink-3); font-size: 12px; }
#footer.footer-2026 .f26-legal-links a:hover { color: var(--f26-ink); text-decoration: underline; }
#footer.footer-2026 .f26-legal-links .sep { margin: 0 6px; }
#footer.footer-2026 .f26-disclaimer { margin-top: 12px; color: var(--f26-ink-3); font-size: 11px; line-height: 1.5; }

@media (max-width: 1100px) {
	#footer.footer-2026 .f26-cols { grid-template-columns: repeat(4, 1fr); }
	#footer.footer-2026 .f26-brand { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
	#footer.footer-2026 .f26-cols { grid-template-columns: repeat(2, 1fr); }
	#footer.footer-2026 .f26-legal { flex-direction: column; }
}