/* css/foot-room.css — the room at a page's foot that js/core/foot-room.js measures (the owner, 2026-11-11, his iPhone 17 Pro
   Max: «you scroll to the end and a text hides behind the button; the booking button stands fixed and part of the text is
   gone»). A box the script marks data-foot-room (the page's full-height column, a box that scrolls, an overlay's box) is
   given --foot-room under the padding it had (--foot-own): scrolled to its end, its last row ends 16 px above the highest bar
   over its foot, or above the home indicator's band. Only what lacks: a box with room enough is never marked.
   In the chrome layer, at a weight over its rules on the same box (a page under a fixed bar, [data-chrome-room]; what holds
   a sticky bar, padding 0): a layer's !important outranks every !important outside one (CSS Cascade 5, css/chrome.css).
   The measure: geometry-sweep.mjs (FOOT_PROBE, --pixel css/foot-room.css for the first screenful with and without it). */
@layer chrome {
  /* :is(…, #foot-room) weighs as an id and matches what [data-foot-room] matches */
  :is(#screen-outlet, #overlay-outlet) [data-foot-room]:is([data-foot-room], #foot-room) {
    padding-bottom: calc(var(--foot-own, 0px) + var(--foot-room, 0px)) !important;
  }
}
/* CF4.offline-under-korning draws its note «Resan kan avslutas när anslutningen är tillbaka» after the sheet's foot row («Håll för
   att avsluta resa»), the one template that puts anything there. The row sticks at the track's foot, and its glass runs 24 px
   and the home band below it (css/frame.css): the note stood in that glass at every stop, dimmed and blurred. It is drawn over
   it now. Only that note: what the frame itself puts after the row (the sheet's stops, the map's credit line, the floats
   sheet.js moves in) keeps its own place */
#screen-outlet [data-screen="CF4.offline-under-korning"] .sheet-track [data-sheet-foot] + .text-center {
  position: relative;
  z-index: 4;
}
