/* Call bar. Phone only, docked to the bottom edge, and it reserves its own
   space so it never covers the footer. Near-black on white text: a fixed 19:1,
   whatever the site's palette turns out to be. */
.call-bar { display: none; }

@media (max-width: 720px) {
  .call-bar {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 52px;
    padding: .75rem 1rem;
    padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
    background: #111418;
    color: #fff;
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.2;
    letter-spacing: .01em;
    text-decoration: none;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, .18);
  }
  .call-bar:active { background: #000; }
  .call-bar svg {
    width: 1.15em;
    height: 1.15em;
    flex: none;
    fill: currentColor;
  }
  /* The space the bar occupies, given back to the document. */
  body { padding-bottom: 72px; }
}

@media print { .call-bar { display: none; } }