/* Approved mobile call bar, Dan 2026-10-19. Desktop keeps the floating control. */
@media screen and (max-width: 860px) {
  html { scroll-padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
  body { padding-bottom: calc(52px + env(safe-area-inset-bottom)); }
  body .phone-float { left: 0; right: 0; bottom: 0; width: 100%; min-height: calc(52px + env(safe-area-inset-bottom)); padding: 0 max(20px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px, env(safe-area-inset-left)); display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--charcoal); color: var(--paper); border: 0; border-top: 1px solid #62686e; border-radius: 0; box-shadow: none; }
  body .phone-float .phone-float-icon, body .phone-float:hover .phone-float-icon { display: grid; place-items: center; width: 28px; height: 28px; padding: 5px; background: transparent; color: var(--lake-light); }
  body .phone-float-icon svg { display: block; width: 18px; height: 18px; padding: 0; background: transparent; }
  body .phone-float-icon svg path { fill: currentColor; stroke: none; }
  body .phone-float-text { padding: 0; }
  body .phone-float-label { display: none; }
  body .phone-float-number { color: var(--paper); font-family: var(--font-body); font-size: 15px; font-weight: 400; line-height: 1.4; letter-spacing: .015em; }
  body .phone-float:focus-visible { outline-offset: -3px; }
}