/* C19h (klara, Nov 3): the mobile sticky "Book a demo" bar must not cover the footer bottom line (Bro QA, r19/qa-social).
   --al-sticky-h = the bar's real height incl. env(safe-area-inset-bottom); c19h-sticky.js keeps it in sync (fallback below).
   Only where the bar shows (<=960px). Specificity beats mobile-home.css "body.al-home-m .al-footer{padding-bottom:28px!important}". */
:root{--al-sticky-h:calc(69px + env(safe-area-inset-bottom))}
@media (max-width:960px){
  html body:has(.al-sticky) .al-footer{padding-bottom:calc(28px + var(--al-sticky-h))!important}
}

/* C19i F2 (klara): 404 template. The page is one short hero, so the sticky bar never helps there (header has "Book a demo"):
   no bar, no bar padding (was 97px of empty footer at 390); at 1440 the page is shorter than the window, the leftover
   below the footer was white (99px) -> same colour as the footer. */
body.error404 .al-sticky{display:none!important}
@media (max-width:960px){html body.error404 .al-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}}
body.error404{background:var(--ail-bg-dark)}