/** * Sticky call bar (Task 12). * * Ships its own minimal CSS so the bar renders correctly even on a page * where the theme is not active. Ported from the live bar * (design/reference/hvac-mold-treatment-50-per-vent.html, #bx-bar) with two * fixes a prior review found (DEPLOY-RUNBOOK.md, "PATCH A" and the 360px * wrap note): * * 1. body's padding-bottom now accounts for env(safe-area-inset-bottom), * so the bar never overlaps page content on an iPhone with a home * indicator. * 2. The Call label is shortened ("Call 843-282-7777", set in PHP) and * the button font-size dropped from 13px to 12px, so it never wraps * onto two lines at a 360px viewport. * * REVIEW ROUND 1: the padding-bottom above used to be a bare `body{}` rule * gated only by the max-width media query, which left a permanent blank gap * once a visitor dismissed the bar (the media query alone can never know * about a dismissal). It is now scoped to `body.bx-bar-visible`, a class * callbar.js owns: added the moment the bar is shown, removed the moment it * is hidden or dismissed, and never added at all when a prior dismissal is * still remembered in localStorage. The invariant is: bar visible implies * padding, bar dismissed or hidden implies no padding. BX_Callbar::html() * also renders a tiny #bx-bar-pad