/* Short pages: keep footer at the bottom of the viewport without position:fixed.
   Extra space belongs to <main>, not a leftover green void under the footer. */
html {
  height: 100%;
}
body.has-navbar-mobile {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
body.has-navbar-mobile > header,
body.has-navbar-mobile > a.visually-hidden-focusable {
  flex: 0 0 auto;
}
body.has-navbar-mobile > main {
  flex: 1 0 auto;
}
body.has-navbar-mobile > footer,
body.has-navbar-mobile > section.copy {
  flex: 0 0 auto;
  margin-top: 0;
}
/* Leftover copied RGV rule `footer{background:#09471d; padding-top:80px; padding-bottom:60px;}`
   fights the brown brand footer. Keep color site-wide; extra padding only hurts short pages. */
body.has-navbar-mobile > footer {
  background-color: #3D2B1F !important;
}
body.shop-plant-page > footer {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
body.has-navbar-mobile > section.copy {
  background-color: #2A1A10;
}