/* Mobile sticky call bar.
   Standalone file so it can be injected onto static (Elementor-exported)
   pages without dragging the whole of site.css with it (which would
   collide with Elementor's .container, .btn, .section, body font-family,
   etc.). PHP-routed pages also load this file, alongside site.css. */

.mobile-call-bar { display: none; }

@media (max-width: 768px) {
  .mobile-call-bar {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #1a1a1a; color: #fff;
    padding: 14px 16px; text-align: center;
    z-index: 9999; font-weight: 600; font-size: 15px;
    text-decoration: none;
    box-shadow: 0 -2px 16px rgba(0,0,0,.18);
  }
  body { padding-bottom: 60px; }
}