/* JMC - 05/27/2026 - FE-only nav/chrome styles. Parallel to BE_Menu.css.
   Loaded by PgStyles("FrontEnd") in PageHead-fnc.php for FE pages only.
   First inhabitant: #fe-public-footer (rendered by FE_Footer() in PageHdrs-fnc.php).
   JMC - 06/01/2026 - #fe-public-footer is now the UNIFIED FE footer for ALL FE users
   (public + logged-in), not just unauthenticated visitors.
   Future FE-only nav/chrome should land here rather than in PageElements.css to keep
   BE pages from downloading FE-only rules. */

#fe-public-footer {
	background: #fcfcfc;
	border-top: 1px solid #e6e6e6;
	/* JMC - 05/27/2026 - wp-blue bottom border so admin debug output (renders below the footer
	   for trusted IPs) is visually separated from the footer instead of bleeding into it. */
	border-bottom: 9px solid #152C53;
	padding: 16px 16px;
	width: 100%;
}

/* JMC - 05/27/2026 - Sticky footer for FE pages. Flex column on .wp-container with min-height:100vh
   pushes #fe-public-footer to the viewport bottom. The chain extends down through
   #site-content -> .container/.container-fluid -> #page-content so the welcome splash photo grows to
   meet the footer (no gap), and short content like ForgotPwd still sticks the footer to the bottom.
   On viewports shorter than content, body scrolls naturally (no overlap on mobile).
   JMC - 06/01/2026 - Now that #fe-public-footer is the unified footer, this :has() chain applies to
   ALL FE pages (logged-in dashboards included), not just the unauthenticated splash pages. */
.wp-container:has(#fe-public-footer) {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.wp-container:has(#fe-public-footer) > #site-content {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.wp-container:has(#fe-public-footer) > #site-content > .container,
.wp-container:has(#fe-public-footer) > #site-content > .container-fluid {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.wp-container:has(#fe-public-footer) #page-content {
	flex: 1 0 auto;
}
.wp-container:has(#fe-public-footer) > #fe-public-footer {
	flex-shrink: 0;
}
#fe-public-footer > .row {
	max-width: 1900px;
	margin: 0 auto;
}
#fe-public-footer .fe-public-footer-brand {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: center;
}
@media (min-width: 768px) {
	#fe-public-footer .fe-public-footer-brand {
		align-items: flex-start;
	}
}
#fe-public-footer .fe-public-footer-logo {
	display: block;
	height: 30px;
	width: auto;
	max-width: 200px;
}
#fe-public-footer .fe-public-footer-copy {
	font-size: .8rem;
	color: #6c757d;
	margin: 0;
}
#fe-public-footer .fe-public-footer-col-heading {
	text-transform: uppercase;
	font-weight: 600;
	font-size: .875rem;
	color: #212529;
	margin: 0 0 .85rem 0;
	letter-spacing: .03em;
}
#fe-public-footer .fe-public-footer-col ul li {
	padding: .2rem 0;
	line-height: 1.4;
}
#fe-public-footer .fe-public-footer-col ul a {
	color: #6c757d;
	text-decoration: none;
	font-size: .875rem;
	transition: color .15s ease;
}
#fe-public-footer .fe-public-footer-col ul a:hover {
	color: #000;
	text-decoration: underline;
}

/* JMC - 06/01/2026 - #fe-public-footer now serves ALL FE users (public + logged-in), not just
   unauthenticated visitors. The rules below extend it to carry the rich content the old logged-in
   footer had: per-client logo, social icons, and a four-column link row (rendered by FE_Footer() /
   FE_FooterColumns() / FE_FooterSocial() in PageHdrs-fnc.php). */
#fe-public-footer .fe-footer-client-logo img {
	max-height: 50px;
	width: auto;
	display: inline-block;
}
/* JMC - 06/01/2026 - Inline currentColor social SVGs (light-mode adaptation of the Tailwind reference):
   muted gray that darkens to wp-blue on hover. Color lives here so the PHP carries no inline styles. */
#fe-public-footer .fe-footer-social {
	display: flex;
	gap: 1.25rem;
	align-items: center;
}
#fe-public-footer .fe-footer-social-link {
	color: #6c757d;
	display: inline-flex;
	transition: color .15s ease;
}
#fe-public-footer .fe-footer-social-link:hover {
	color: #152C53;
}
#fe-public-footer .fe-footer-social-link svg {
	width: 24px;
	height: 24px;
}
/* JMC - 06/01/2026 - Thin hairline fencing the logo/social top row off from the link columns
   (matches the modern straight-line divider style; same #e6e6e6 as the footer's top border).
   Top gap left at the existing 1rem; small padding-top only so the line clears the link text. */
#fe-public-footer .fe-footer-links {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #e6e6e6;
}