/* The call bar that stays at the bottom of every page: one tap calls the office. Colours and type from theme.css. */
.call-bar{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#1e293b;color:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.18);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:20px}
.call-bar-text{font-family:"Instrument Sans",sans-serif;font-size:17px;line-height:1.3;margin:0;color:#fff}
.call-bar-text strong{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:#1ab306;margin-right:6px}
.call-bar-btn{display:inline-flex;align-items:center;gap:10px;background:#1ab306;color:#fff!important;text-decoration:none!important;
  font-family:Oswald,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:11px 22px;border-radius:3px;
  white-space:nowrap;transition:background .2s}
.call-bar-btn:hover,.call-bar-btn:focus-visible{background:#159105}
.call-bar-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.call-bar-btn svg{width:18px;height:18px;flex:none;fill:currentColor}
/* room under the footer so the bar never covers it */
body{padding-bottom:72px}
@media (max-width:767px){
  .call-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  .call-bar-text{display:none}
  .call-bar-btn{flex:1;justify-content:center;font-size:19px;padding:13px 16px}
  body{padding-bottom:68px}
  }
@media print{.call-bar{display:none}body{padding-bottom:0}}
