// Mobile Call Bar — fixed bottom one-tap order bar (mobile only)
function MobileCallBar() {
  const { NAP, PhoneIcon } = window;
  return (
    <div className="tvc-callbar" style={{
      position: 'fixed', left: 0, right: 0, bottom: 0, zIndex: 60,
      display: 'none', padding: '10px 14px calc(10px + env(safe-area-inset-bottom))',
      background: 'rgba(26,16,12,0.96)', backdropFilter: 'blur(8px)', WebkitBackdropFilter: 'blur(8px)',
      borderTop: '1px solid rgba(251,243,228,0.14)',
    }}>
      <a href={NAP.tel} style={{
        display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 10,
        background: 'var(--chili-500)', color: 'var(--cream-50)', textDecoration: 'none',
        fontFamily: 'var(--font-body)', fontWeight: 700, fontSize: '1.05rem',
        padding: '15px', borderRadius: 'var(--radius-pill)', boxShadow: 'var(--shadow-brand)',
      }}>
        <span style={{ display: 'inline-flex', fontSize: 20 }}><PhoneIcon /></span>
        Call to Order · {NAP.phone}
      </a>
    </div>
  );
}
window.MobileCallBar = MobileCallBar;