/*
 * Footer template part — see parts/footer.html.
 * Mobile-first: nav columns hidden until lg (1024px). See _breakpoints.css.
 */

/* ----- Outer footer + inner container ----- */
.lfbc-footer .lfbc-footer-inner {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* ----- Nav row (logo + 3 menu columns) ----- */
.lfbc-footer-nav {
	gap: 32px;
	margin: 0;
}

/* Hide the 3 menu columns on mobile; brand column stays. */
.lfbc-footer-col {
	display: none;
}

.lfbc-footer-brand {
	flex-basis: 100%;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	gap: 32px;
	text-align: center;
}

.lfbc-footer .lfbc-footer-brand .wp-block-site-logo img {
	max-width: 259px;
	height: auto;
}

/* Shrink the logo between lg and ~xl so the menu columns get more room. */
@media (min-width: 1024px) and (max-width: 1199.98px) {
	.lfbc-footer .lfbc-footer-brand .wp-block-site-logo img {
		max-width: 200px;
	}
}

.lfbc-footer-rule {
	width: 100%;
	margin: 0;
	border: 0;
	border-bottom: 0 !important;
	height: 1px;
	background-color: rgba(192, 200, 209, 0.5);
}

.lfbc-footer-acknowledgment {
	margin: 0;
	padding: 0;
	line-height: 1.35;
	color: var(--wp--preset--color--soft-black-500);
}

/* ----- Menu lists (desktop only, but styles defined here) ----- */
.lfbc-footer-list {
	display: flex;
	flex-direction: column;
}

.lfbc-footer-heading {
	margin: 0 0 8px;
	padding-bottom: 4px;
	line-height: 1.4;
	color: var(--wp--preset--color--soft-black-500);
}

.lfbc-footer-link {
	margin: 0;
	padding: 4px 0;
	line-height: 1.5;
	color: var(--wp--preset--color--soft-black-500);
}

.lfbc-footer-link a {
	color: inherit;
	text-decoration: none;
}

.lfbc-footer-link a:hover,
.lfbc-footer-link a:focus-visible {
	text-decoration: underline;
}

/* ----- Footer bottom (meta links + copyright) ----- */
.lfbc-footer-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	width: 100%;
}

.lfbc-footer-meta-links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.lfbc-footer-meta-link,
.lfbc-footer-copyright {
	margin: 0;
	line-height: 1.3;
	color: var(--wp--preset--color--dusk-500);
	text-align: center;
}

.lfbc-footer-meta-link a {
	color: inherit;
	text-decoration: underline;
}

.lfbc-footer-meta-link a:hover,
.lfbc-footer-meta-link a:focus-visible {
	text-decoration: none;
}

/* ----- Desktop (lg / 1024px+) ----- */
@media (min-width: 1024px) {
	.lfbc-footer .lfbc-footer-inner {
		padding: 40px 40px 20px;
		gap: 40px;
	}

	.lfbc-footer-nav {
		flex-wrap: nowrap;
		gap: 40px;
	}

	.lfbc-footer-col {
		display: flex;
		flex-direction: column;
		flex: 1 1 0;
		min-width: 0;
	}

	.lfbc-footer-brand {
		flex-basis: 340px;
		flex-grow: 0;
		gap: 40px;
		text-align: left;
	}

	.lfbc-footer-acknowledgment {
		padding-left: 20px;
	}

	.lfbc-footer-bottom {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		gap: 20px;
	}

	.lfbc-footer-meta-links {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		width: auto;
	}

	.lfbc-footer-meta-link,
	.lfbc-footer-copyright {
		text-align: left;
	}
}