/* ================================================================== Sticky footer - logged-in (after-login) pages only. Short page -> #footer_area sits flush with the bottom of the viewport. Tall page -> #footer_area follows the content and scrolls away. No JS, no position:fixed, no position:sticky. No wrapper element is needed: #header_area, .inner-center and #footer_area are all direct children of , so is it. (.inner-center opens on the last line of header-afterlogin.php and closes on line 1 of the parent's footer-afterlogin.php, before . Default order is 0. */ .has-sticky-footer > #footer_area { margin-top: auto; order: 1; } /* Insurance only, not load-bearing: min-height (not height) means free space is never negative, and flex items default to min-height:auto. Guards against someone later "tidying" min-height into height. Deliberately not applied to .inner-center - if a shrink situation ever arose, the growable content area should absorb it, not the chrome. */ .has-sticky-footer > #header_area, .has-sticky-footer > #footer_area { flex-shrink: 0; } }