/* Mobile tap-to-call bar: a plain tel: link, no script involved in the tap. Hidden on wider screens, while a form
   field is focused and once the form shows a status message; call-bar.js only reveals it after the first screen. */
.call-bar,.call-bar-spacer{display:none}
@media (max-width:760px){
  .call-bar-spacer{display:block;height:calc(88px + env(safe-area-inset-bottom))}
  .call-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;max-width:480px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 20px;border-radius:14px;background:var(--accent,#1f4e78);color:#fff;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;line-height:1.2;text-decoration:none;box-shadow:0 10px 28px rgba(15,23,42,.3);transform:translateY(calc(100% + 24px));visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}
  .call-bar-on .call-bar{transform:none;visibility:visible;transition:transform .28s ease}
  .call-bar:focus-visible{outline:3px solid #fff;outline-offset:-6px}
  .call-bar svg{width:20px;height:20px;flex:none}
  body:has(input:focus,select:focus,textarea:focus) .call-bar,body:has(#form-status:not(:empty)) .call-bar{visibility:hidden}
}
@media (prefers-reduced-motion:reduce){.call-bar,.call-bar-on .call-bar{transition:none}}