/*
  Component: site footer.
  Figma: "footer" symbol (62:3052) — 1280×404.
*/

.c-site-footer {
	background: var(--c-light);
	padding-block: var(--space-12) var(--space-6);
	margin-top: var(--space-16);
}

.c-site-footer__inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-8);
}

.c-site-footer__rule {
	display: block;
	height: 1px;
	background: var(--c-fg);
}
.c-site-footer__rule--thick { height: 4px; }

/* ---------- Primary footer nav (mirror of header) ---------- */
.c-site-footer__primary-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}
.c-site-footer__primary-list a {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: 10px;
	font-size: var(--fs-link-18);
	line-height: var(--lh-link-18);
	font-weight: var(--fw-semibold);
	letter-spacing: -0.6px;
	color: var(--c-fg);
	text-decoration: none;
}
.c-site-footer__primary-list a:hover {
	color: var(--c-accent);
	text-decoration: none;
}

/* ---------- Disclaimer ---------- */
.c-site-footer__disclaimer {
	font-size: var(--fs-label-12);
	line-height: var(--lh-label-12);
	max-width: 607px;
	color: var(--c-fg);
}

/* ---------- Brand row ---------- */
.c-site-footer__brandrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-6);
	flex-wrap: wrap;
}
.c-site-footer__brand img { height: 38px; width: auto; display: block; }
.c-site-footer__brand     { color: var(--c-fg); text-decoration: none; font-weight: var(--fw-bold); font-size: 22px; }

.c-site-footer__secondary-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-8);
	list-style: none;
	margin: 0;
	padding: 0;
}
.c-site-footer__secondary-list a {
	font-size: var(--fs-link-14);
	line-height: var(--lh-link-14);
	font-weight: var(--fw-semibold);
	color: var(--c-grey-dark);
	text-decoration: none;
}
.c-site-footer__secondary-list a:hover { color: var(--c-fg); }

/* ---------- Bottom row ---------- */
.c-site-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	flex-wrap: wrap;
}
.c-site-footer__copyright {
	font-size: var(--fs-label-12);
	line-height: var(--lh-label-12);
	color: var(--c-fg);
}
.c-site-footer__socials {
	display: flex;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}
.c-site-footer__socials a {
	display: inline-flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
	color: var(--c-fg);
	transition: color 150ms ease;
}
.c-site-footer__socials a:hover { color: var(--c-accent); }