/** * 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) so it * never wraps onto two lines at a 360px viewport. The 2026-09-03 * redesign set the buttons in Archivo at 78% width, 15px, 700, in * place of 12px Libre Franklin. That is a larger size in a narrower * face, and white-space: nowrap is still on the button, so a wrap * cannot happen; what has NOT been re-measured is whether the two * buttons still fit side by side at 360px without overflowing the * bar. Measure on the rendered dev host before the cutover. * * REDESIGN, 2026-09-03 (Task 2): square corners, no shadow, sentence case, no * letter spacing. Primary is the red fill, secondary is an ink outline on * white, the dismiss control is a square. The theme's section 8 carries the * same values for the ported .bx-bar markup and loads after this file. * * 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