/* p00d.com — sitewide sticky footer, 2026-10-12
   Safe for standard pages with a direct child <footer>.
   Keeps long pages natural; short pages show the footer at viewport bottom.
   Works with the shared footer (<footer class="site-footer">) and original footer.
*/
@media screen {
  html { min-height: 100%; }

  body:has(> footer) {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Keep shared header and navigation from being compressed by flexbox.
     Some older pages set body height:100%, making flex items shrink
     when the content is taller than the phone screen. */
  body:has(> footer) > header.site-header,
  body:has(> footer) > nav.p00d-site-nav {
    flex: 0 0 auto !important;
  }
  body:has(> footer) > main {
    flex: 1 0 auto;
    min-height: 0;
  }
  /* This outranks the previous shared `body > footer.site-footer`
     margin: 30px 0 0 !important; declaration. */
  body:has(> footer) > footer,
  body:has(> footer) > footer.site-footer {
    box-sizing: border-box !important;
    position: static !important;
    display: block !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    clear: both !important;
    margin: auto 0 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
  }
}