/*
 * Adds real document-flow space after the footer on small screens.
 * Unlike body padding, this works when Elementor nests the footer in a page wrapper.
 */
#govee-mobile-footer-clearance {
  display: none !important;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  flex: 0 0 auto;
  clear: both;
  pointer-events: none !important;
  visibility: hidden !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 767px) {
  #govee-mobile-footer-clearance {
    display: block !important;
    height: calc(var(--govee-sticky-call-text-height, 70px) + 12px) !important;
    min-height: calc(var(--govee-sticky-call-text-height, 70px) + 12px) !important;
  }

  html {
    scroll-padding-bottom: calc(var(--govee-sticky-call-text-height, 70px) + 12px);
  }
}